خصائص vertical-align CSS

تعريف و استخدام

يحدد خاصية vertical-align طريقة الترتيب العمودي للعنصر.

شرح

يحدد هذا الخاصية ترتيب الخط الأساسي للعنصر الداخلي بالنسبة للخط الأساسي للسطر الذي يوجد فيه. يسمح بتخصيص قيم السواقي السلبية والنسبية. هذا سيسمح للعنصر بالانخفاض بدلاً من الارتفاع. في خلية التدفق، سيقوم هذا الخاصية بتحديد كيفية ترتيب محتوى الخلية داخل صندوق الخلية.

تعريف و استخدام

انظر أيضًا:نص CSS

دليل CSSدليل HTML DOM

خاصية verticalAlign

مثال

ترتيب الصورة عموديا:
  img
  {
  vertical-align:text-top;

}

تجربة شخصية

جملة CSSlengthvertical-align: baseline|

قيمة الخاصية|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

القيمة الوصف
الخط الأساسي افتراضي. يتم وضع العنصر على الخط الأساسي للعنصر الأم.
sub ترتيب النص السفلى
super ترتيب النص العليا
top تساوي أعلى العنصر مع أعلى العنصر الأعلى في السطر.
text-top تساوي أعلى العنصر مع أعلى الخط الأساسي للوحة الأب.
middle وضع العنصر في منتصف العنصر الأم.
bottom تساوي أعلى العنصر مع أعلى العنصر الأدنى في السطر.
text-bottom تساوي أسفل العنصر مع أسفل الخط الأساسي للوحة الأب.
length 　
% استخدام نسبة المئة للترتيب العنصر. يسمح باستخدام القيم السلبية.
تنقل يحدد يجب أن يتم استيراد قيمة خاصية vertical-align من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: الخط الأساسي
التنسيق: لا
الإصدار: CSS1
جافا سكربت الجملة: object.style.verticalAlign="bottom"

مزيد من الأمثلة

ترتيب الصور عموديا
هذا المثال يوضح كيفية ترتيب الصور بشكل عمودي في النص.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0