خصوصیت column-rule-style

مثال

مشخص کردن استایل خط بین ستون ها:

div
{
column-rule-style:dotted;
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari and Chrome */
}

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

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

    

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

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

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

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

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

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

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

نحوه استفاده

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
مقدار توضیحات نمایش دادن
none هیچ قانونی برای خط بین دو ستون تعریف نشده است.
hidden یک قانون مخفی تعریف می کند.
dotted خط بین دو ستون به صورت نقطه چین نمایش داده می شود.
dashed خط بین دو ستون به صورت خط چین نمایش داده می شود.
solid خط بین دو ستون به صورت یکپارچه نمایش داده می شود.
double خط بین دو ستون به صورت دو خطه نمایش داده می شود.
groove  خط بین دو ستون به صورت سه بعدی گود دار (groove) نمایش داده می شود. افکت بستگی به مقدار خصوصیت color و width دارد.
ridge  خط بین دو ستون به صورت سه بعدی برجسته (ridge) نمایش داده می شود. افکت بستگی به مقدار خصوصیت color و width دارد.
inset خط بین دو ستون به صورت سه بعدی  inset نمایش داده می شود. افکت بستگی به مقدار خصوصیت color و width دارد.
outset خط بین دو ستون به صورت سه بعدی  outset نمایش داده می شود. افکت بستگی به مقدار خصوصیت color و width دارد.