در این مطلب قصد داریم تا یکی دیگر از خواص موجود در زبان برنامه نویسی CSS3 را که می تواند در چیدمان و طراحی متون در یک صفحه وب به کار بیاید را برای شما بررسی کنیم.
چیدمان متن به صورت روزنامه در چند ستون:
خاصیت columns :
به وسیله خاصیت columns در CSS 3 ، می توانید متن یک پاراگراف را به صورت روزنامه وار ، در چند ستون قرار دهید .
خاصیت columns این امکان را به طراح وب می دهد که بدون طراحی یک جدول یا کد نویسی خاص ، فقط با یک کد ساده CSS ، متن مورد نظر خود را در چندین ستون به کاربر نمایش دهد .
شکل کلی استفاده و ساختار دستوری خاصیت columns به صورت زیر است :
; Syntax: columns : column-width column-count
; columns: 100px 3:مثال
نکته مهم :
خاصیت columns مخفف و ساده شده ۲ خاصیت زیر است :
- column-width
- column-count
شما می توانید این ۲ خاصیت را به صورت تک تک مقدار دهی کرده و یا اینکه دو مقدار آنها را در این حالت کوتاه شده به ترتیب قرار دهید . توضیحات کامل راجع هر یک از این خاصیت را در صفحات مربوط به آنها قرار داده ایم . برای دریافت اطلاعات راجع به هر کدام بر روی نام آن کلیک نمایید .
syntax توضیح هر یک از موارد
column-width:
این پارامتر میزان عرض و پهنای هر ستون را در چیدمان متن تعیین می کند . واحد این پارامتر معمولا px قرار داده می شود .
تعیین این پارامتر اجباری است .
column-count:
این پارامتر تعیین کننده تعداد ستون های متن است . برای مثال اگر مقدار آن ۳ در نظر گرفته شود ، متن در ۳ ستون جدا نمایش داده می شود .