سبد (0)

تبلیغات

خصوصیت column-fill

مثال (خصوصیت column-fill)

مشخص کردن نحو پر کردن ستون ها:

div
{
column-fill:auto;
}

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


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

Internet Explorer Firefox Opera Google Chrome Safari

هیچ یک از مرورگرهای اصلی، خصوصیت background را پشتیبانی می کنند.


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

با استفاده از خصوصیت column-fill مشخص می کنیم که نحوه پر شدن ستون ها به صورت متوازن (balanced) باشد یا خیر.

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

نحوه استفاده

column-fill: balance|auto;
مقدارتوضیحات
balance  ستون ها متوازن هستند. مروگر بایستی اختلاف طول ستوه ها را کم کند.
auto ستون ها به صورت متوالی پر می شوند و هر کدام طول متفاوتی نسبت به دیگری دارد.

مثالs

مثال - خودتان امتحان کنید

Column-count

متن داخل عنصر div را به سه ستون تقسیم می کند.

Column-gap

متن داخل عنصر div را به سه ستون تقسیم می کند که فاصله بین هر ستون با دیگری 30 پیکسل است.

Column-rule

عرض، استایل و رنگ خط کشی که بین هر دو ستون قرار دارد را مشخص می کند.


بیاموزهای مرتبط

CSS3 Multiple Column (بیاموز CSS3)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی