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- يؤدي هذا إلى محاذاة الجزء السفلي من هذا العنصر بحيث تتم محاذاته مع الجزء السفلي من نص العنصر الأصلي