X
انجمن برنامه نویسی آموزش CSS

ویژگی textcolor و text alignment در Css

ویژگی textcolor و text alignment در Css

در این بخش از آموزش Css به textcolor می‌پردازیم.

با استفاده از ویژگی textcolor در css می‌توان به تنظیم متون وارد شده پرداخت. همانطور که از اسم این ویژگی معلوم است از این خاصیت برای تنظیم رنگ متن استفاده می‌کنند.

در این مرحله با تغییر رنگ در واقع background خود را تغییر می‌دهید. در textcolor رنگ‌ها عموما با واحدهای زیر نوشته می شوند:

  • واحد Hex: مثل "ff0000#"
  • واحد RGB: مثل (255,0,0)
  • نام رنگ: مثلRed

Text Alignment

از خاصیت text-alignment نیز برای تعیین موقعیت متن در طراحی سایت استفاده می‌شود یعنی متن شما را به صورت افقی و در حالت چپ چین، راست چین، وسط چین و یا حالت عادی قرار می‌دهد. مقدار Justify تمامی خطوط عرض یکسانی خواهند داشت.

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

خصوصیت text-decoration برای تنظیم و یا حذف تزیینات ظاهری متن به کار می‌رود.

مثال زیر نمونه‌ای از کاربرد text-decoration را نشان می‌دهد.

a {text-decoration:none;}

این خصوصیت بیشتر برای حذف زیر-خط لینک ها به کار می رود. همچنین این خصوصیت می‌تواند برای تنظیم تزئینات ظاهری متن به کار برود.

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

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

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

از خاصیت text-shadow برای سایه زدن به یک متن استفاده می‌شود. توجه داشته باشید که برای طراحی سایت کاربردی باید این خصوصیات را رعایت کرد.

Print
نظرات بسته شده است.
دی ان ان