English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (RULES)

موسوعة الخاصيات CSS

استخدام خاصية نمط حافة الأسفل في CSS ومثال

يستخدم خاصية نمط حافة الأسفل في CSS لتحديد نمط حافة الأسفل للعنصر بشكل منفرد. ولكن، في العمل العملي، نستخدم عادةنمط الأسفل للهوامشأوالأسفل للهوامشلفهم نماط الحواف.

جدول أدناه يوضح كيفية استخدام هذا الخصائص وتاريخ الإصدارات، وكيفية استخدام هذا الخصائص في لغة الجافا سكربت.

القيمة الافتراضية:لا شيء
للاستخدام:جميع العناصر
الوراثة:لا
يمكن تفعيل الرسم المتحرك:لايرجى الرجوع إلى خصائص الرسم المتحرك.
الإصدار:CSS 1،2،3
جافا سكربت:object object.style.borderBottomStyle="dashed"

نحو استخدام نمط حافة الأسفل

النحو التالي للخصائص هو:

نمط_حافة_الأسفل: لا شيء | مخفي | منقوش | مسقط | سميك | مزدوج | واد | تلتف | مضغوط | منتفخ | مبدئي | وراثي

يوضح المثال أدناه كيفية استخدام خاصية نمط حافة الأسفل.

  p {
   نمط_حافة_الأسفل: مسقط;
   حجم_حافة_الأسفل: 3px;
  }
اختبار لرؤية‹/›

قيمة الخاصية

يصف الجدول أدناه قيمة هذا الخصائص.

القيمةالوصف
لا شيء
لا يوجد هامش.
hiddenمخفيمثل none، ولكن هناك فرق في أن الخلايا في الجدول تكونالجدار المرفوع
وتبادل الخلايا للجدار. تأكد من أن قيمة hidden تضمن عدم رسم الجدار، لأن hidden تسبق جميع أنواع الجدران الأخرى.نقاط
يظهر الجدار كسلسلة من النقاط.مكسور
يظهر الجدار كسلسلة من الخطوط القصيرة، وهي نقط عريضة.متماسك
يظهر الجدار كخط واحد.مزدوجعرض الجدار كخطين متوازيين من الخطوط العمودية، مع حصة معينة بينهما. مجموع الخطين والفرق بينهما يساويالقيمة.
الجرفيظهر الجدار وكأنه مدمج في اللوحة، ويمنح إحساسًا ثلاثي الأبعاد، عادةً من خلال استخدام لونين أكثر بياضًا وأعمقلون الجدارباستخدام لونين أكثر بياضًا وأعمق لإنشاء الظل.
الجرفيظهر الجدار بأسلوب مضاد، ويمنح إحساسًا ثلاثي الأبعاد، حيث يبدو الجدار وكأنه يخرج من اللوحة.
مدمجيظهر الجدار وكأنه مدمج في اللوحة، ويمنح إحساسًا ثلاثي الأبعاد، عادةً من خلال إنشاء ظل باستخدام لونين مختلفين، أكثر قتامة من لون الجدار.لون الجدارأكثر إشراقًا وأعمق.
النزوليظهر الجدار بأسلوب مضاد، ويمنح إحساسًا ثلاثي الأبعاد، حيث يجعل الجدار يبدو وكأنه يخرج من اللوحة.
بدءيةضع هذه الخاصية في قيمتها الافتراضية.
تنسيقإذا تم تحديد، فإن العنصر المرتبط يستخدم قيمة الحساب الخاصة بخصائص جدار الأسفل للهوامش للعنصر الأم.

توافق المتصفحات

توافق المتصفحات للخصائص border-bottom-style، الأرقام في الجدول التالي تعبر عن أحدث إصدار من المتصفح الذي يدعم هذه الخاصية، جميع المتصفحات الشائعة تدعم هذه الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

تحذير: لا يدعم Internet Explorer 7 وأولى الأصدار value hidden. يدعم Internet Explorer 8، لكن يحتاج إلى. يدعم Internet Explorer 9 وكل الأصدار الأعلى قيمة hidden هذه.

قراءة إضافية

انظر إلى الدروس:جدار CSS,جدار CSS3.

خصائص مرتبطة:الجدار,نمط الأسفل للهوامش,الأسفل للهوامش,لون الأسفل للهوامش,
عرض عرض الأسفل للهوامش.