خصوصیت column-rule-width

مثال

مشخص کردن ضخامت بین دو ستون:

div
{
column-rule-width:10px;
-moz-column-rule-width:10px; /* Firefox */
-webkit-column-rule-width:10px; /* Safari and Chrome */
}

در انتهای این بیاموز، مثال های بیشتری را خواهید دید.

پشتیبانی مرورگرها

    

مروگرهای Internet Explorer 10 و Opera خاصیت  column-rule-width را پشتیبانی می کنند.

مرورگر Firefox خاصیت جایگزین moz-column-rule-width- را پشتیبانی می کند.

مرورگرهای Safari و Chrome خاصیت جایگزین webkit-column-rule-width- را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، خاصیت column-rule-width را پشتیبانی نمی کند.

تعریف و کاربرد

با استفاده از خاصیت column-rule-width می توانیم ضخامت خط بین ستون ها را مشخص کنیم.

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

نحوه استفاده

column-rule-width: thin|medium|thick|length;
مقدار توضیحات نمایش دادن
thin خط بین دو ستون نازک می باشد.
medium خط بین دو ستون متوسط است.
thick خط بین دو ستون ضخیم است.
length طول بین خط دو ستون را مشخص می کند.