تنظیم متن و نوشته CSS Styling Text

Styling Text در CSS شامل مجموعه‌ای از ویژگی‌ ها است که به طراحان وب این امکان را می‌ دهد تا ظاهر متن‌ها را به دلخواه تنظیم کنند. این ویژگی‌ها شامل رنگ، اندازه، نوع فونت، تراز، تزئینات و سایر خصوصیات متن می‌ شوند.

حتما بخوانید: محل قرارگیری عناصر – خواص مربوط به Position

در این بخش از آموزش css ، تنظیم متن و نوشته Styling Text را آموزش می دهیم. ویژگی color برای تنظیم رنگ متن استفاده می شود. این ویژگی با 3 روش زیر می تواند مقدار دهی شود.

• HEX : مثال : “#ff000″
•  RGB:  مثال :   (rgb(255,0,0
• نام رنگ :  مثال :  red

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

مثال :

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

با تغییر رنگ بدنه شما در واقع رنگ background صقحه را تغییر می دهید.

Text Alignment
برای Styling Text در حالت افقی از این ویژگی استفاده می کنیم، این ویژگی می تواند با یکی ازمقادیر زیر مقداردهی شود.

• Center
• Right
• Justify
• Left

با مقدار  Justify تمامی خطوط عرض یکسانی خواهند داشت.

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

Text Decoration

این ویژگی بیشتر برای پاک کردن یا اضافه کردن فرم خاص به متن مورد استفاده قرار می گیرد.

a {text-decoration:none;}

در این مثال در واقع اگر متن شما دارای فرمت خاصی مانند زیر خط (underline) یا هر فرمت دیگری بود، این فرمت را پاک می کند.

مقادیری که می تواند این ویژگی بگیرد در مثال زیر آمده است

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!

و اما کلام آخر…

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