خصائص عرض العمود CSS column-width
- الصفحة السابقة column-span
- الصفحة التالية الأعمدة
Definition and Usage
The column-width property specifies the width of the columns
See also:
CSS3 Tutorial:عدة أعمدة CSS3
HTML DOM Reference Manual:columnWidth property
Example
Specifies the width of the columns
div
{
column-width:100px;
}
More examples at the bottom of the page
CSS Syntax
column-width: auto|length;
Attribute Value
| Value | Description | Test |
|---|---|---|
| auto | The column width is determined by the browser | Test |
| length | Specifies the width of the columns | Test |
Technical Details
| Default Value: | auto |
|---|---|
| Inheritance: | no |
| Version: | CSS3 |
| JavaScript Syntax: | object.style.columnWidth="100px" |
مزيد من الأمثلة
- Column-count
- يقسم النص داخل علامة div إلى ثلاثة أعمدة
- Column-gap
- يقسم النص داخل علامة div إلى ثلاثة أعمدة، مع فجوة بينها قدرها 30 بكسل
- Column-rule
- يحدد عرض الأعمدة، النمط والألوان بين الأعمدة
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل
الرقم الذي يحتوي على prefix -webkit- أو -moz- يعني استخدام الإصدار الأول مع الترجمة
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- الصفحة السابقة column-span
- الصفحة التالية الأعمدة
