خصوصیت box-lines

مثال

در این مثال به عنصر div اجازه داده شده است که در چند خط کشیده شود.

		div

		{

		display:box;

		box-orient:horizontal;

		box-lines:multiple;

		width:200px;

		}

خودتان امتحان کنید »

هیچ کدام از مرورگرهای اصلی، خصوصیت box-lines را پشتیبانی نمی کنند.

با استفاده از خاصیت box-lines مشخص می کنیم هنگامی که فضای یک عنصر از فضای box والدش بیشتر شد، این عنصر به خط بعدی برود یا خیر.

نکته: به طور پیش فرض، یک box افقی فرزندانش را در یک ردیف می چیند، و یک box عمودی فرزندانش را در یک ستون می چیند.

مقدار پیشفرض	single
ارث بری	خیر
نسخه	CSS3
JavaScript ساختار	object.style.boxLines="multiple"

		box-lines: single|multiple;

مقدار	توضیحات
single	تمام فرزندان در یک ردیف یا یک ستون قرار می گیرند (عناصری که سایز بیشتری دارند، به سادگی سرریز می شوند و از والدشان بزرگتر می شوند)
multiple	برای اینکه به تمام فرزندان فضا اختصاص داده شود، این خاصیت box را در چند خط کشیده می کند.