تنظیم ویژگی verticalAlign
- صفحه قبلی userSelect
- صفحه بعدی visibility
- بازگشت به طبقه بالاتر اجزای Style HTML DOM
تعریف و استفاده
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 |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی userSelect
- صفحه بعدی visibility
- بازگشت به طبقه بالاتر اجزای Style HTML DOM
