خصوصیت box-lines
مثال (خصوصیت box-lines)
در این مثال به عنصر div اجازه داده شده است که در چند خط کشیده شود.
div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
خودتان امتحان کنید »{
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 را در چند خط کشیده می کند. |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7738
