English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تحكم الخاصية vertical-align CSSمستوى النص المدمجالصندوق المكون من عنصر (عادة النص والصور) يبدأ منهمستوى الكتلةمستوى الأساس النصي في النص المدمج أو مستوى الخلية الجدول في السطر
الجدول أدناه يوضح استخدام هذا الخصائص و تاريخ الإصدارات، بالإضافة إلى استخدام هذا الخصائص في جملة الجافا سكربت.
| القيمة الافتراضية: | baseline |
|---|---|
| يُستخدم ل: | مستوى النص المدمج و عناصر الجدول |
| الوراثة: | ليس هناك |
| يمكن أن يتم تحريكه: | نعم.يرجى الرجوع خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 1،2،3 |
| جملة JavaScript: | object.style.verticalAlign="middle" |
جملة هذه الخاصية هي:}}
vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | length | percentage | initial | inherit
في المثال التالي، يتم عرض كيفية استخدام خاصية vertical-align.
img {
vertical-align: middle;
}
span {
vertical-align: super;
}اختبار لمعرفة‹/›جدول التالي يصف قيم هذه الخاصية.
| القيمة | وصف |
|---|---|
| baseline | تساوي أساس صندوق العنصر مع أساس الصندوق الأب. |
| sub | إنزال أساس الصندوق إلى موقف مناسب للمساهمة السفلى في الصندوق الأب. |
| super | رفع أساس الصندوق إلى موقف مناسب للمساهمة الأعلى في الصندوق الأب. |
| top | تساوي قمة العنصر وأبنائه مع قمة الحاوية. |
| text-top | تساوي قمة العنصر مع قمة الخط الأب. |
| middle | تساوي منتصف العنصر مع ارتفاع الأساس من العنصر الأبx-heightنصف النقاط. |
| bottom | تساوي أسفل العنصر وأبنائه مع أسفل الحاوية. |
| text-bottom | تساوي أسفل العنصر مع أسفل الخط الأب. |
| length | الوحدة هي px، pt، cm، em وما إلى ذلك. زيادة القيمة (القيمة الإيجابية) أو إنقاص القيمة (القيمة السلبية) إلى هذا المسافة من أساس العنصر الأب. القيمة 0px تساوي الأساس. |
| percentage | رفع الصندوق (القيمة الإيجابية) أو إنزال الصندوق (القيمة السلبية) بهذا المسافة (خط الارتفاعالنسبة المئوية). القيمة 0% تساوي الأساس. |
| initial | ضبط هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد، يتم استخدام قيمة الخاصية vertical-align للعنصر الأب. |
توافق المتصفحات للخصائص vertical-align، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفحات التي تدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى التعليمات التالية:ترتيب CSS。
خصائص مرتبطة:خط الارتفاع。