💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۰ SinaH
درباره vertical-align
جامعه Html & CSS ایجاد شده در ۰۹ خرداد ۱۳۹۹

با استفاده از خصوصیت vertical-align می‌توان تراز بندی عمودی یک عنصر را تنظیم کرد.

مقدارهای خصوصیت:

length یک عنصر را به میزان طول مشخص شده، بالا یا پایین می‌برد. مقادیر منفی نیز قابل قبول است.

% یک عنصر را به میزان درصدی از خصوصیت "line-height" بالا یا پایین می‌برد. مقادیر منفی نیز قابل قبول است.

baseline خط پایه عنصر را با خط پایه عنصر والدش هم تراز می‌کند. این مقدار پیش فرض است.

sub عنصر را جوری تراز بندی می‌کند که گویی زیر نویس به نظر برسد.

super عنصر را جوری تراز بندی می‌کند که گویی بالا نویس به نظر برسد.

top لبه بالایی عنصر هم تراز با بلندترین عنصر خط می‌شود.

text-top لبه بالایی عنصر هم تراز با نوشته‌های عنصر پدرش می‌شود.

middle عنصر در وسط عنصر والدش قرار می‌گیرد.

bottom لبه پایینی عنصر هم تراز با پایین‌ترین عنصر خط می‌گردد.

text-bottom لبه پایینی عنصر هم تراز با لبه پایینی نوشته‌های عنصر پدرش می‌شود.

inherit تعیین می‌کند که باید از والدش، ارث بری داشته باشد.

initial این ویژگی را به مقدار پیش فرض خود تنظیم می‌کند.