ویژگی vertical-align CSS
- صفحه قبل user-select
- صفحه بعدی visibility
تعریف و استفاده
ویژگی vertical-align روش ترازبندی عمودی عنصر را تنظیم می‌کند.
توضیحات
این ویژگی تعریف می‌کند که خط پایه عنصر درون‌خطی در مقایسه با خط پایه خط خود چگونه عمودی ترازبندی می‌شود. اجازه داده می‌شود مقادیر منفی طول و درصدها指定 شوند. این باعث کاهش عنصر می‌شود نه افزایش آن. در سلول‌های جدول، این ویژگی میزان ترازبندی محتوای سلول در جعبه سلول را تنظیم می‌کند.
لطفاً به: مراجعه کنید
آموزش CSS:تنظیمات متن CSS
دستورالعمل مرورگر HTML DOM:ویژگی verticalAlign
جملات برنامه‌نویسی CSS
vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| baseline | پیش‌فرض. عنصر در خط پایه عنصر والد قرار می‌گیرد. |
| sub | ترازبندی عمودی علامت‌های پایین‌تر. |
| super | ترازبندی عمودی علامت‌های بالاتر |
| top | 顶端 عنصر را با بالاترین نقطه از بین عناصر در خط ترازبندی کنید |
| text-top | 顶端 عنصر را با بالاترین نقطه فونت عنصر والد ترازبندی کنید |
| middle | این عنصر را در وسط عنصر والد قرار دهید. |
| bottom | 顶端 عنصر را با پایین‌ترین نقطه از بین عناصر در خط ترازبندی کنید. |
| text-bottom | پایان عنصر را با پایین‌ترین نقطه فونت عنصر والد ترازبندی کنید. |
| length | |
| % | برای ترازبندی این عنصر از درصدهای مقیاس line-height استفاده کنید. استفاده از مقادیر منفی مجاز است. |
| inherit | این تعریف می‌کند که مقدار vertical-align باید از عنصر والد به عنصر خود به ارث برسد. |
جزئیات فنی
| مقدار پیش‌فرض: | baseline |
|---|---|
| erbانی: | no |
| نسخه: | CSS1 |
| جملات برنامه‌نویسی JavaScript: | object.style.verticalAlign="bottom" |
مثال‌های بیشتر
- ترازبندی عمودی تصاویر
- این مثال نشان می‌دهد که چگونه می‌توان تصاویر را به صورت عمودی در متن قرار داد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
- صفحه قبل user-select
- صفحه بعدی visibility
