در این قسمت از آموزش CSS، ویژگی Vertical-Align را برای شما توضیح می‌دهیم.

ویژگی Vertical-Align خاصیت نحوه‌ی ترازبندی عمودی عنصر را در عنصر دربرگیرنده آن تعیین می‌کند که دارای چندحالت می‌باشد که عبارتند از:

Baseline, Top, Text-Top: این حالت عنصر را در بالای عنصر دربرگیرنده آن قرار می‌دهد.

Middle: این حالت عنصر را در وسط عنصر دربرگیرنده‌ی آن قرار می‌دهد.

Sup: این حالت در طراحی سایت عنصر را به صورت زیرنویس (در پایین) عنصر در برگیرنده‌ی آن قرار می‌دهد.

Super: این حالت عنصر را به صورت بالانویس (بالای) عنصر دربرگیرنده‌ی آن قرار می‌دهد.

Bottom, Text-Bottom: با تنظیم این ویژگی در طراحی سایت، عنصر در پایین عنصر دربرگیرنده‌ی آن قرار می‌گیرد.

Length: این حالت مکان عمودی مورد نظر را از بالا برحسب واحدی مانند پیکسل و یا نقطه قرار می‌دهد.