نتائج البحث

الخاصية margin-bottom في CSS تضبط الهامش في الطرف السفلي من العنصر، والقيم الموجبة ستؤدي إلى إبعاد العنصر عمّا جاوره، والقيم السالبة ستقربه منها. بطاقة الخاصية القيمة الابتدائية 0 تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة نسبة مئوية أو طول مطلق. /* <length> أطوال */ margin-bottom: 10px; /* طول مطلق */ margin-bottom: 1em; /* طول نسبي ...

نوع البيانات <string> في CSS يُمثِّل سلسلةً من المحارف، ويمكن استخدام السلاسل النصية في الكثير من خاصيات CSS، مثل content و font-family و quotes. دعم المتصفحات الميزة Chrome Firefox Internet Explorer Opera Safari الدعم الرئيسي 1.0 1.0 6.0 مدعومة 1.0 الشكل العام السلاسل النصية <string> تتألف من أيّ عدد من محارف يونيكود محاطةً بعلامتَي اقتباس مزدوجتين " أو مفردتين '. أغلبية المحارف تُمثَّل كما أُدخِلَت، ويمكن تمثيل المحارف أيضًا باستخدام رموز محارف يونيكود بالنظام الست عشري، وذلك بوضع شرطة خلفية ...

المحدد ‎‎:button الوصف يُحدِّد عناصر الأزرار <button> والعناصر التي من نوع button. ‎jQuery( ":button" )‎ أضيفت في الإصدار: 1.0. المُحدِّد المُكافِئ لـ ‎$( ":button" )‎ باستخدام CSS هو ‎$( "button, input[type='button']" )‎.  ملاحظات إضافيّة لمّا كان ‎:button عبارة عن امتداد jQuery وليس جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم ‎:button من زيادة الأداء المُقدَّمة عن طريق التّابع querySelectorAll()‎ الأصلي في DOM، وللحصول على أداء أفضل في المتصفحات الحديثة عند استخدام ‎:button لتحديد العناصر، اختر أولًا العناصر باستخدام مُحدِّد ...

الخاصية border-left-color في CSS تُحدِّد لون الإطار الأيسر الخاص بالعنصر. لاحظ أنَّه في أغلبية الحالات يُفضَّل استخدام خاصيات CSS المختصرة مثل border-color أو border-left. بطاقة الخاصية القيمة الابتدائية currentcolor تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة اللون المحسوب. /* <color> قيم */ border-left-color: red; border-left-color: #ffbb00; border-left-color: rgb(255, 0, 0); border-left-color: hsla(100%, 50%, 25%, 0.75); border-left-color: currentcolor; border-left-color: transparent; /* القيم العامة */ border-left-color: inherit; border-left-color: initial; border-left-color: unset; أمثلة سنضبط في المثال الآتي إطارًا على الجانب الأيسر لعناصر <div> لونه (border-left-color) أخضر، وعرضه (border-left-width) ...

الخاصية list-style-image في CSS تُحدِّد صورةً لتُستخدَم للإشارة إلى عناصر القائمة. ومن المستحسن عادةً استخدام الخاصية المختصرة list-style لضبط قيمة هذه الخاصية. بطاقة الخاصية القيمة الابتدائية none تُطبَّق على عناصر القوائم. قابلة للوراثة نعم قابلة للتحريك لا القيمة المحسوبة القيمة none أو رابط URI مطلق للصورة. /* كلمة مفتاحية */ list-style-image: none; /* <url> قيم */ list-style-image: url('starsolid.gif'); /* القيم العامة */ list-style-image: inherit; list-style-image: initial; list-style-image: unset; ملاحظة: هذه الخاصية ستُطبَّق على عناصر القوائم، أي العناصر التي تكون قيمة الخاصية display فيها تساوي list-item، وهذا يتضمن ...

الخاصية border-right-color في CSS تُحدِّد لون الإطار الأيمن الخاص بالعنصر. لاحظ أنَّه في أغلبية الحالات يُفضَّل استخدام خاصيات CSS المختصرة مثل border-color أو border-right. بطاقة الخاصية القيمة الابتدائية currentcolor تُطبَّق على جميع العناصر. قابلة للوراثة لا قابلة للتحريك نعم القيمة المحسوبة اللون المحسوب. /* <color> قيم */ border-right-color: red; border-right-color: #ffbb00; border-right-color: rgb(255, 0, 0); border-right-color: hsla(100%, 50%, 25%, 0.75); border-right-color: currentcolor; border-right-color: transparent; /* القيم العامة */ border-right-color: inherit; border-right-color: initial; border-right-color: unset; أمثلة سنضبط في المثال الآتي إطارًا عى الجانب الأيمن لعناصر <div> لونه (border-right-color) أخضر، وعرضه (border-right-width) ...

نوع البيانات <number> في CSS يُمثِّل القيم العددية، سواءً كانت أعدادًا صحيحةً (integer) أو أعدادًا عشريةً. دعم المتصفحات الميزة Chrome Firefox Internet Explorer Opera Safari الدعم الرئيسي 1.0 1.0 5.0 مدعومة 1.0 الصيغة العلمية 43.0 29.0 11.0 ؟ ؟ الشكل العام الشكل العام لنوع البيانات <number> يشبه شكل نوع البيانات <integer>، إلا أنَّه قد يحتوي على جزء عشري يُمثَّل عبر نقطة . متبوعة برقم أو أكثر. ولا توجد واحدة (unit) ترتبط مع هذا النوع من القيم. أمثلة أمثلة عن قيم ...

الصنف الزائف ‎:indeterminate في CSS (أي pseudo-class) يُمثِّل أيّة نماذج تكون حالتها غير معروفة (indeterminate): input:indeterminate { background: lime; } يمكن أن يُطابِق هذا المُحدَّد العناصر الآتية: صندوق تأشير checkbox الذي ضُبِطَت الخاصية indeterminate فيه إلى true عبر JavaScript. أزرار الانتقاء radio عندما تكون جميع الأزرار التي لها نفس القيمة للخاصية name غير منتقاةً. عناصر <progress> في الحالة غير المعروفة. الشكل العام لهذا المحدد: :indeterminate أمثلة سنُطبِّق في المثال الآتي أنماط خاصة لعناصر <label> المرتبطة بحقول النموذج ذات الحالة غير المعروفة: ...

الخاصية widows في CSS تُحدِّد العدد الأدنى للأسطر النصية الموجودة في حاوية كتلية التي يجب أن تظهر في أعلى الصفحة أو العمود. بطاقة الخاصية القيمة الابتدائية 2 تُطبَّق على جميع الحاويات الكتلية (block containers). قابلة للوراثة لا قابلة للتحريك لا القيمة المحسوبة كما حُدِّدَت. في التنسيق الطباعي، تكون الأرامل (widows) هي آخر سطر من الفقرة الذي يظهر بمفرده في أعلى الصفحة أو العمود. /* <integer> أعداد صحيحة */ widows: 2; widows: 3; /* القيم العامة */ widows: inherit; widows: initial; widows: unset; دعم المتصفحات الميزة Chrome ...

مُحدِّد المُعرِّف (ID selector) في CSS يُطابِق العناصر وفق قيمة الخاصية ID التابعة لها. لاحظ أنَّه يجب أن يُطابِق هذه المُحدِّد قيمة الخاصية id تمامًا، كما في المُحدِّد الآتي الذي سيُحدِّد العنصر الذي له المُعرِّف demo: #demo { border: red 2px solid; } ويمكن تحديد العنصر الذي يكون له قيمة معيّنة للخاصية id وله نوع معيّن، مثل تحديد عنصر <div> التي تكون قيمة الخاصية id فيه هي demo: div#demo { border: red 2px solid; } لاحظ أنَّ معيار HTML5 يقول أنَّ قيمة ...