ویژگی Style columns
- صفحه قبلی columnRuleWidth
- صفحه بعدی columnSpan
- بازگشت به طبقه بالاتر موضوع Style HTML DOM
تعریف و استفاده
columns این ویژگی یک کوتاه‌نویسی برای تنظیم columnWidth و columnCount است.
لطفاً به
آموزش CSS3:چندین ستون CSS
دستورالعمل CSS:ویژگی columns
مثال
متن را به سه ستون تقسیم کنید، هر ستون حداقل 100 پیکسل:
document.getElementById("myDIV").style.columns = "100px 3";
نحوه استفاده
بازگشت ویژگی columns:
object.style.columns
تنظیم ویژگی columns:
object.style.columns = "auto|column-width column-count|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| auto | مقدار پیش‌فرض. عرض ستون‌ها را به "auto" تنظیم کنید و تعداد ستون‌ها را به "auto" تنظیم کنید. |
| columnWidth | عرض ستون. |
| columnCount | تعداد ستون‌ها. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | auto auto |
|---|---|
| مقدار بازگشتی: | رشته، که نشان‌دهنده ویژگی columns. |
| نسخه CSS: | CSS3 |
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- صفحه قبلی columnRuleWidth
- صفحه بعدی columnSpan
- بازگشت به طبقه بالاتر موضوع Style HTML DOM
