انتقل إلى محتوى الدرس

CSS vertical-align Multi مقارنة بين خمس قيم لخاصية vertical-align في لغة CSS

ستتعلم في هذا الدرس محاذاة العناصر السطرية وinline-block ومحتوى خلايا الجدول رأسيًا باستخدام vertical-align، ومقارنة خط الأساس وأعلى خط الأب وأسفله والكتابة العلوية والسفلية.

1 صفوف تعليمية
لغة CSS
5,888 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يجمع المثال التالي خمس قيم للمقارنة: baseline وtext-top وtext-bottom وsub وsuper؛ ليست هذه جميع القيم المتاحة.

CSS vertical-align Multi

قارن مواضع الصور مع القيم الخمس المعروضة.

HTML
img.a {
  vertical-align: baseline;
}

img.b {
  vertical-align: text-top;
}

img.c {
  vertical-align: text-bottom;
}

img.d {
  vertical-align: sub;
}

img.e {
  vertical-align: super;