ماژول‌های صفحه آرایی در سی اس اس

ماژول‌های صفحه آرایی

بعد از چندین سال بالاخره ماژول‌های صفحه آرایی به مرور وارد دنیای وب و سی‌اس‌اس شدند و رویای طراحان وب به حقیقت پیوست. در این فصل با این ماژول‌ها بطور کامل آشنا می‌شویم.

column-fill

ویژگی column-fill تعیین می کند که محتوای یک چیدمان چندستونی است چگونه بین ستون ها توزیع شود.

column-span

ویژگی column-span تعیین می کند که عنصری که جزیی از محتوای ستون های یک چیدمان چندستونی است از حالت ستونی خارج شده و تمام ستون ها را بپوشاند یا نه.

column-rule

از ویژگی column-rule برای تعیین خطی بین ستون های چیدمان چندستونی استفاده می شود. این ویژگی از نوع ویژگی های مختصرنویسی است که مقادیر ویژگی های column-rule-width، column-rule-style و column-rule-color را در یک اعلان تعیین می کند.

column-rule-style

از ویژگی column-rule-style برای تعیین استایل خطی که بین ستون های چیدمان چندستونی رسم شده، استفاده می شود.

column-rule-width

از ویژگی column-rule-width برای تعیین عرض خطی که بین ستون های چیدمان چندستونی رسم شده، استفاده می شود.

column-rule-color

از ویژگی column-rule-color برای تعیین رنگ خطی که بین ستون های چیدمان چندستونی رسم شده، استفاده می شود.

columns

با استفاده از ویژگی columns می توان محتوای یک عنصر را بصورت ستونی در کنار هم قرار داد. این ویژگی از نوع ویژگی های مختصرنویسی است که توسط آن می توان ویژگی های column-width و column-count را مقداردهی کرد.

column-gap

ویژگی column-gap فاصله یا گپ بین ستون های یک چیدمان چند ستونی که بوسیله ماژول چیدمان چندستونی بوجود آمده است را تعیین می کند.

column-width

ویژگی column-width به ما این امکان را می دهد تا محتوای یک عنصر را بصورت ستونی (روزنامه ای) در کنار هم بچینیم. این ویژگی عرض آن ستون ها را تعیین می کند که مرورگر توسط آن تعدادی ستون را در کنار هم بوجود می آورد.