منتديات اهل الحق
مرحبا بكم في منتدياتنا منتديات اهل الحق و أرجو من زائرنا العزيز أن يجد كل ما يبحث عنه من مواضيع و برامج ......وشكراا...
منتديات اهل الحق
مرحبا بكم في منتدياتنا منتديات اهل الحق و أرجو من زائرنا العزيز أن يجد كل ما يبحث عنه من مواضيع و برامج ......وشكراا...
منتديات اهل الحق
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


الرئيسيةالرئيسية  أحدث الصورأحدث الصور  دخولدخول  التسجيلالتسجيل  
آيـــــات الشفاء في القرآن الكريم إن هذه الآيات تجتمع في كل آية فيها كلمة شفاء و تقرأ بترتيب المصحف فقد قال العلماء أن في هذا استعانة بكلام الله على الشفاء و خصوصا بالنسبة للأمراض التي لا تقدر عليها أسباب البشر...وهـــم:- الآية 14 من سورة التوبة: قَاتِلُوهُمْ يُعَذِّبْهُمُ اللّهُ بِأَيْدِيكُمْ وَيُخْزِهِمْ وَيَنصُرْكُمْ عَلَيْهِمْ وَيَشْفِ صُدُورَ قَوْمٍ مُّؤْمِنِينَ... صدق الله العظيم الآية 57 في سورة يونس : يَا أَيُّهَا النَّاسُ قَدْ جَاءتْكُم مَّوْعِظَةٌ مِّن رَّبِّكُمْ وَشفَاء لِّمَا فِي الصُّدُورِ وَهُدًى وَرَحْمَةٌ لِّلْمُؤْمِنِينَ... صدق الله العظيم الآية 69 من سورة النحل : وَاللّهُ خَلَقَكُمْ ثُمَّ يَتَوَفَّاكُمْ وَمِنكُم مَّن يُرَدُّ إِلَى أَرْذَلِ الْعُمُرِ لِكَيْ لاَ يَعْلَمَ بَعْدَ عِلْمٍ شَيْئًا إِنَّ اللّهَ عَلِيمٌ قَدِيرٌ... صدق الله العظيم الآية 82 من سورة الإسراء : وَنُنَزِّلُ مِنَ الْقُرْآنِ مَا هُوَ شِفَاء وَرَحْمَةٌ لِّلْمُؤْمِنِينَ وَلاَ يَزِيدُ الظَّالِمِينَ إَلاَّ خَسَارًا... صدق الله العظيم الآية 80 من سورة الشعراء : وَإِذَا مَرِضْتُ فَهُوَ يَشْفِينِ... صدق الله العظيم الآية 44 من سورة فصلت : وَلَوْ جَعَلْنَاهُ قُرْآنًا أَعْجَمِيًّا لَّقَالُوا لَوْلَا فُصِّلَتْ آيَاتُهُ أَأَعْجَمِيٌّ وَعَرَبِيٌّ قُلْ هُوَ لِلَّذِينَ آمَنُوا هُدًى وَشفَاء وَالَّذِينَ لَا يُؤْمِنُونَ فِي آذَانِهِمْ وَقْرٌ وَهُوَ عَلَيْهِمْ عَمًى أُوْلَئِكَ يُنَادَوْنَ مِن مَّكَانٍ بَعِيدٍ...||

 

 نموذج الصندوق - الإطارات 11: Borders

اذهب الى الأسفل 
كاتب الموضوعرسالة





التقييم : 3
نقاط : 360882
تاريخ التسجيل : 01/01/1970

نموذج الصندوق - الإطارات 11: Borders Empty
مُساهمةموضوع: نموذج الصندوق - الإطارات 11: Borders   نموذج الصندوق - الإطارات 11: Borders I_icon_minitimeالإثنين يناير 14, 2013 4:04 pm


الجداول يمكن استخدامها لأغراض مختلفة، فقد تستخدم للزينة أو للفصل بين
شيئين، CSS تعطيك خيارات لا متناهية عندما تستخدم الإطارات في صفحتك.




  • سماكة الإطار "border-width"
  • ألوان الإطارات "border-color"
  • تصميم الإطار "border-style"
  • أمثلة لإطارات
  • جمع كل الخصائص "border"


سماكة الإطار "border-width"


سماكة الإطار تحدد من خلال القيمة border-width والذي
يمكن تحديد قيمته من خلال الكلمات thin وmedium وthick، أو من خلال قيمة
رقمية تحدد سمكه بالبكسل، الرسم التوضيحي يبين هذه القيم ونتائجها:


نموذج الصندوق - الإطارات 11: Borders Figure012


ألوان الإطارات "border-color"


نموذج الصندوق - الإطارات 11: Borders Figure013

الخاصية border-color تحدد لون الإطارة، قيمة هذه الخاصية هي قيم الألوان العادية مثل "#123456" و"rgb(123,123,123)" أو أسماء الألوان مثل "yellow".


تصميم الإطارات "border-style"


هناك أنواع مختلفة من الإطارات يمكنك أن تختار منها، في المثال
التوضيحي أدناه هناك 8 أنواع من الإطارات كما يعرضها إكسبلورر 5.5، كل
الأمثلة المعروضة تستخدم اللون "gold" وقيمة سماكة الإطار محددة بالقيمة
"thick" وتذكر أنك تستطيع عرض الإطار بألوان وسماكة مختلفة.

القيم none أو hiddem يمكن أن تستخدم عندما تريد إخفاء الإطار.


نموذج الصندوق - الإطارات 11: Borders Figure014


أمثلة لإطارات


الخصائص الثلاثة التي ذكرت أعلاه يمكن وضعها مع بعضها البعض لإنشاء
جداول مختلفة، لتوضيح ذلك سنلقي نظرة على وثيقة قمنا بتحديد أنواع مختلفة
من الإطارات للعنصر <h1> و<h2> و<ul> و<p>، النتيجة قد لا تكون جميلة لكن المثال يوضح الإمكانيات المتعددة:





h1 {
border-width: thick;
border-style: dotted;
border-color: gold;
}

h2 {
border-width: 20px;
border-style: outset;
border-color: red;
}

p {
border-width: 1px;
border-style: dashed;
border-color: blue;
}

ul {
border-width: thin;
border-style: solid;
border-color: orange;
}






  • شاهد المثال


يمكنك أيضاً تحديد خاصية تتعلق بجهة واحدة من الإطار، فتستخدم top
للإطار العلوي، وbottom للإطار السفلي، وleft للأيسر، وright للأيمن، وهذا
مثال يوضح كيفية فعل ذل:





h1 {
border-top-width: thick;
border-top-style: solid;
border-top-color: red;

border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color: blue;

border-right-width: thick;
border-right-style: solid;
border-right-color: green;

border-left-width: thick;
border-left-style: solid;
border-left-color: orange;
}







  • شاهد المثال


جمع كل الخصائص "border"


كما هو الحال مع خصائص مختلفة، يمكن أن تجمع بين خصائص الجداول المختلفة في خاصية واحدة، ألقي نظرة على هذا المثال:





p {
border-width: 1px;
border-style: solid;
border-color: blue;
}




يمكن اختصارها هكذا:





p {
border: 1px solid blue;
}




ملخص


في هذا الدرس تعلمت أن الإطارات في CSS لها عدد لا محدود من الخيارات.

في الدرس التالي سنلقي نظرة على نموذج الصندوق وبالتحديد العرض والارتفاع.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
نموذج الصندوق - الإطارات 11: Borders
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الدرس 9: نموذج الصندوق
» الصندوق الذهبي
»  ومن هم الآمرون بالمعروف والناهون عن المنكر....( نموذج حيّ في يوم 25/1/2013)؟
» الحرب الثقافية عبر المسلسلات.. "حريم السلطان" نموذج
»  بكل سهولة اصنع توقيع باسمك وبأكثر من 1000 نموذج

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات اهل الحق :: منتديات الكومبيوتر و الانترنت :: منتدى الدروس-
انتقل الى: