این خاصیت تعیین می کند که محتویات درون یک عنصر جعبه مانند box مثل یک جدول یا تگ div به چه صورت قرار بگیرند . برای مثال می توانید تعیین کنید در وسط جعبه یا در بالای آن قرار بگیرد
شکل کلی استفاده از این خاصیت به صورت زیر است :
;Syntax: box-align : start | end | center | baseline |stretch
خاصیت box-align می تواند دارای یکی از ۴ مقدار زیر باشد :
start
در جدول های چیدمان معمولی ( چپ به راست ) لبه بالایی محتویات جعبه در سمت بالای جعبه قرار می گیرند . اما در جدول هایی با چیدمان reverse ( راست به چپ ) لبه پایینی محتویات جدول در سمت پایین جدول قرار می گیرند .
end
در جدول های چیدمان معمولی ( چپ به راست ) لبه پایین محتویات جعبه در سمت پایین جعبه قرار می گیرند . اما در جدول هایی با چیدمان reverse ( راست به چپ ) لبه بالایی محتویات جدول در سمت بالای جدول قرار می گیرند .
center
در این حالت محتویات در مرکز جعبه قرار می گیرند .
stretch
در این حالت محتویات جدول کش می آیند ( بزرگ می شوند ) تا فضای جدول را کنند .
پشتیانی در مرورگر های مختلف :
اکثر مرورگر های مطرح به جز اکسپلورر از این خاصیت پشتیانی می کنند .
