آشنایی جامع و کاربردی با صفت های کار روی متون و فونت ها

آموزش کار روی متون و فونت ها در css:

 در این بخش، با صفت های کار روی متن و فونت ها در css به صورت کاربردی آشنا می شوید.

Text-align : تراز افقی متن را مشخص می کند و داری مقادیرleft, right, center وjustify  می باشد.

  text-align: center;

Text-decoration : با این صفت می توانیم یک خط، زیر(underline)، بالا(overline) و یا روی (linethrough)متن ایجاد ویا حذف کنیم.مقادیر این صفت:

None : برای حذف کردن خط می باشد.مانند خط زیر لینک 
Solid : ایجاد یک خط ساده           
Dashed : ایجاد یک خط به شکل خط چین     -----------------
Dotted : ایجاد یک خط به شکل نقطه چین           .......................
Wave : ایجاد یک خط به شکل موج دار  
شکل دستوری این صفت :
 

  Text-decoration : underline  solid  red;

Text-transform : برای تغییر متن استفاده می شود ودارای مقادیر زیر می باشد :
Capitalize : حروف اول کلمات را به حروف بزرگ تبدیل می کند.مانند :   Text
Uppercase : کلمات را به حروف بزرگ تبدیل می کند.
مانند :TEXT
Lowercase : کلمات را به حروف کوچک تبدیل می کند.
مانند :text

  Text-transform : uppercase;

Text-indent : برای خط اول پارگراف، تو رفتگی ایجاد می کند.

  Text-indent : 20px;

Vertical-align : تراز عمودی متن را مشخص می کند.دارای مقادیر : sub(پایین)، super(بالا) و middle(وسط) می باشد.

  Vertical-align: middle;

Text-shadow : برای سایه دادن به متن استفاده می شود. 

  Text-shadow : 5px  1px  #000;

font-face@ : برای تعریف فونت استفاده می شود.
Font-family : نوع فونت را مشخص می کند.
Font-weight : میزان ضخامت متن را تعیین می کند.
Font-style : نوع متن را تعیین می کند. مانند :italic

اضافه کردن فونت به صفحه خود :

Letter-spacing : برای ایجاد فاصله بین کارکترهای متن می باشد.
Word-spacing : برای ایجاد فاصله بین کلمات می باشد.
Line-height : ارتفاع خطوط را مشخص می کند.

ممنون که تا اینجا با ما همراه بودید،برای یادگیری نکات بیشتر و درک بهتر مطالب می توانید ویدئو آموزشی این بخش را مشاهده کنید.