2.1 KiB
2.1 KiB
title | localeTitle |
---|---|
Vertical Align CSS | عمودي محاذاة CSS |
عمودي محاذاة
vertical-align
هي خاصية CSS تستخدم لمحاذاة صورة رأسية.
على سبيل المثال ، يمكنك أن تكون vertical-align
مثل هذه لمحاذاة صورة:
img { vertical-align: top; }
هذه هي القيم الصالحة vertical-align
:
baseline
- هذه هي القيمة الافتراضية. تقوم بمحاذاة العنصر إلى الخط الأساسي للعنصر الرئيسيlength
- يؤدي هذا إلى جعل خط الأساس لهذا العنصر عند طول معين أعلى أو أسفل خط الأساس الخاص بالوالدين. يمكنك استخدام البكسلات ، em ،٪ ، إلخ.sub
- يقوم هذا بمحاذاة العنصر كما لو كان عبارة عن نص العنصر الرئيسيsuper
- يقوم هذا بمحاذاة العنصر كما لو كان أعلى عنصر الأصلtop
- يقوم هذا بمحاذاة العنصر بحيث يكون أعلى هذا العنصر متوافقاً مع الجزء العلوي من أطول عنصر في السطرbottom
- هذا محاذاة العنصر بحيث يتم محاذاة الجزء السفلي من هذا العنصر مع الجزء السفلي من العنصر الأدنى على الخطmiddle
- يقوم هذا بمحاذاة العنصر بحيث يكون في وسط العنصر الرئيسيtext=top
- يقوم هذا بمحاذاة الجزء العلوي من هذا العنصر بحيث يتم محاذاة أعلى قمة العنصر الرئيسيtext-bottom
- يؤدي هذا إلى محاذاة الجزء السفلي من هذا العنصر بحيث تتم محاذاته مع الجزء السفلي من نص العنصر الأصلي