صفت column-count

صفت column-count

توسط / CSS / چهارشنبه, 18 مرداد 1396 ساعت 10:35

صفت column-count برای چند بخش کردن یک متن استفاده می شود.

زمانی که شما یک متن طولانی دارید و می خواهید به سه ستون تبدیل شود این صفت به کارتان می آید. این صفت باعث میشود متن شما به هر چند بخشی که شما بخواهید تبدیل شود. در این جا در جلوی صفت شما باید از یک عدد که مشخص کننده ی تعداد ستون های نوشته ی شما می باشد، استفاده کنید.

.nameclass {
    column-count3;
}

CSS چیست؟ بوسیله CSS شما میتوانید تمامی خصوصیات ظاهری یک صفحه وب سایت را تعیین کنید. بنابراین شما توسط کدهای HTML صفحه وب سایت خود را ایجاد می کنید و با استفاده از دستورات CSS تعیین می کنید که هر عنصر صفحه دارای چه خصوصیات ظاهری باشد. این خصوصیات ظاهری مانند: رنگ متن، فاصله ، اندازه فونت و ... می باشد. چرا باید از CSS استفاده کنیم؟ از مزیت هایی که استفاده از کدهای CSS دارند میتوان به جلوگیری از کارهای تکراری،کاهش زمان طراحی، کاهش حجم کدهای سایت اشاره کرد. با استفاده از CSS می توان یکبار خصوصیات ظاهری عناصر را در وبسایت تعیین کرد و سپس این خصوصیات را در قسمت های دیگر طراحی نیز بکار برد. به طور خلاصه با زبان HTML شما فقط قالب بندی سایت رو انجام می دهید، بدون هیچ استایل و زیبایی خاصی. به بیان دیگه خام ترین طرح یک سایت با زبان HTML نوشته می شود، اما برای طرح بندی مثل رنگ پس زمینه، فونت، رنگ قلم و... باید از CSS کمک بگیرید.

 

 

صفت column-gap

می توان گفت این صفت مکمل صفت بالا است. زمانی که شما از صفت column-count استفاده کردید می توانید با استفاده از این صفت فاصله ی میان بخش هارا مشخص کنید. در جلوی صفت میزان فاصله ی ستون ها مشخص میشود.

به مثال زیر توجه کنید.

.nameclass {
column-count: 4;
column-gap: 20px;
}

CSS چیست؟ بوسیله CSS شما میتوانید تمامی خصوصیات ظاهری یک صفحه وب سایت را تعیین کنید. بنابراین شما توسط کدهای HTML صفحه وب سایت خود را ایجاد می کنید و با استفاده از دستورات CSS تعیین می کنید که هر عنصر صفحه دارای چه خصوصیات ظاهری باشد. این خصوصیات ظاهری مانند: رنگ متن، فاصله ، اندازه فونت و ... می باشد. چرا باید از CSS استفاده کنیم؟ از مزیت هایی که استفاده از کدهای CSS دارند میتوان به جلوگیری از کارهای تکراری،کاهش زمان طراحی، کاهش حجم کدهای سایت اشاره کرد. با استفاده از CSS می توان یکبار خصوصیات ظاهری عناصر را در وبسایت تعیین کرد و سپس این خصوصیات را در قسمت های دیگر طراحی نیز بکار برد. به طور خلاصه با زبان HTML شما فقط قالب بندی سایت رو انجام می دهید، بدون هیچ استایل و زیبایی خاصی. به بیان دیگه خام ترین طرح یک سایت با زبان HTML نوشته می شود، اما برای طرح بندی مثل رنگ پس زمینه، فونت، رنگ قلم و... باید از CSS کمک بگیرید.

 

 صفت column-rule

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

.nameclass {
column-count: 3;
column-gap: 20px;
column-rule5px outset red;
}

CSS چیست؟ بوسیله CSS شما میتوانید تمامی خصوصیات ظاهری یک صفحه وب سایت را تعیین کنید. بنابراین شما توسط کدهای HTML صفحه وب سایت خود را ایجاد می کنید و با استفاده از دستورات CSS تعیین می کنید که هر عنصر صفحه دارای چه خصوصیات ظاهری باشد. این خصوصیات ظاهری مانند: رنگ متن، فاصله ، اندازه فونت و ... می باشد. چرا باید از CSS استفاده کنیم؟ از مزیت هایی که استفاده از کدهای CSS دارند میتوان به جلوگیری از کارهای تکراری،کاهش زمان طراحی، کاهش حجم کدهای سایت اشاره کرد. با استفاده از CSS می توان یکبار خصوصیات ظاهری عناصر را در وبسایت تعیین کرد و سپس این خصوصیات را در قسمت های دیگر طراحی نیز بکار برد. به طور خلاصه با زبان HTML شما فقط قالب بندی سایت رو انجام می دهید، بدون هیچ استایل و زیبایی خاصی. به بیان دیگه خام ترین طرح یک سایت با زبان HTML نوشته می شود، اما برای طرح بندی مثل رنگ پس زمینه، فونت، رنگ قلم و... باید از CSS کمک بگیرید.

نویسنده

حسین منتظرتبریزی

حسین منتظرتبریزی

دانشجوی رشته ی نرم افزار علاقه مند به برنامه نویسی ،بازی سازی و طراحی سایت

نظر دادن

جهت شرکت در دوره  رایگان  7 اصل مدیریت مطلوب کسب و کار لطفا نام و ایمیل خود را وارد نمایید


ایران آکادمی را در شبکه های مجازی دنبال کنید:

کلیه حقوق مادی و معنوی این وب سایت متعلق به ایران آکادمی می‌باشد. قوانین این وب سایت، مبتنی بر قوانین جاری جمهوری اسلامی ایران است. © ۱۳۹۶

Please publish modules in offcanvas position.