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

كتيب CSS

قواعد CSS (RULES)

مجمع خصائص CSS

طريقة استخدام خاصية caption-side CSS ومثال

 خصائص caption-side CSS تضبط الموقع العمودي لمربع العنوان في الجدول. إذا كنت ترغب في تحديد تنسيق النص في مربع العنوان، استخدمtext-alignالخصائص.

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

القيمة الافتراضية:top
يستخدم ل:جدول
عنصر
التوريث:نعم
يمكن تفعيله برسوم متحركة:لا أنظر خصائص الرسوم المتحركة.
الإصدار:CSS 2、3
جملة البرمجةobject.style.captionSide="bottom"

جملة استخدام caption-side

جملة هذا الخصائص هي:

caption-side: top | bottom | initial | inherit

المثال التالي يوضح كيفية استخدام الخاصية caption-side.

  caption {
   caption-side: bottom;
  }
جرب لمعرفة‹/›

قيمة الخاصية

جدول التالي يصف قيم هذا الخصائص.

القيمةوصف
topضع مربع العنوان في أعلى مربع الجدول.
bottomضع مربع العنوان تحت مربع الجدول.
initialقم بتعيين هذا الخصائص إلى قيمته الافتراضية.
inheritإذا تم تحديدها، فإن العنصر المرتبط يستخدم نفس قيمة caption-side للعنصر الأب.

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

توافق المتصفحات الخاصة بخصائص caption-side، الأرقام في الجدول التالي تعبر عن إصدار أقل من المتصفح الذي يدعم الخاصية. جميع المتصفحات الشائعة يدعمون الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1+

  • Opera 4+

تحذير: Internet Explorer 7 وأحدث إصداراته لا يدعم الخاصية caption-side. IE8 فقط<!DOCTYPE>يدعم فقط إذا تم تحديد قيمة صالحة.

قراءة إضافية

انظر الدليل:CSS Tables.

خصائص مرتبطة: text-align