css

صفت column-count – آموزش CSS

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


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

.nameclass {
    column-count: 3;
}

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-rule: 5px outset red;
}

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

Related Articles

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این مطلب را از دست ندهید!

Close
Close