خصائص Style verticalAlign

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

verticalAlign إعداد أو رجوع طريقة التوجيه العمودي للمحتوى العنصر.

انظر أيضًا:

دليل CSS التعليمينص CSS

دليل CSSخصائص vertical-align

مثال

مثال 1

تعيين طريقة التوجيه العمودي لبعض النصوص في الجدول إلى "bottom":

document.getElementById("myTd").style.verticalAlign = "bottom";

تجربة شخصية

مثال 2

الناتج عن طريقة التوجيه العمودي للعنصر <td>:

alert(document.getElementById("myTd").style.verticalAlign);

تجربة شخصية

القواعد

الناتج عن خصائص verticalAlign:

object.style.verticalAlign

تعيين خصائص verticalAlign:

object.style.verticalAlign = value

قيمة الخصائص

القيمة الوصف
length رفع أو إنخفاض العنصر إلى طول معين. يسمح بالقيم السلبية.
% رفع أو إنخفاض العنصر بنسبة "line-height". يسمح بالقيم السلبية.
baseline توجيه قاعدة العنصر إلى قاعدة العنصر الوالد. افتراضي.
sub تعيين العنصر كنقطة مرجعية لتحديد العناصر.
super تعيين العنصر كنقطة مرجعية لتحديد العناصر.
top الجزء العلوي للعنصر يتوجه إلى الجزء العلوي من الأعلى في السطر.
text-top الجزء العلوي للعنصر يتوجه إلى الجزء العلوي من خط العنصر للعنصر الوالد.
middle يتم وضع العنصر في منتصف العنصر الوالد.
bottom أسفل العنصر يتوجه إلى أدنى العناصر في السطر.
text-bottom أسفل العنصر يتوجه إلى أسفل خط العنصر للعنصر الوالد.
initial أعد هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit تنقل هذا الخصائص من عنصر الوالد. يرجى الرجوع إلى inherit.

تفاصيل تقنية

القيمة الافتراضية baseline
الناتج السلسلة، تشير إلى طريقة التوجيه العمودي للمحتوى العنصر.
إصدار CSS: CSS1

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم