الدرس السابع-تنسيق النص

تنسيق النصوص :

الالون :

الألوان لديها اكثر من تنيسق او طريقة لكتابة اللون

  1. اسم اللون .    bule
  2. كود اللون .

الكود له ثلاث صيغ  :

  • Rgb
  • HEX
  • HSL

 

هذا مثال علي درجة من اللون الأحمر  كلها تمثل نفس اللون .

 

HEX  #F9441E       RGB  249, 68, 30    HSL   11, 88%, 55%

body {
  color: blue;
}

محاذاة النص   Text Alignment

 تستخدم  الخاصية align

h1 {
  text-align: center;
}

h2 {
  text-align: left;
}

h3 {
  text-align: right;
}

اتجاه النص  Text Direction :

{
  direction: rtl;
  unicode-bidi: bidi-override;
}

rtl  تعني اتجاه الكتابة من اليمين  .

تنسيق حالة الحروف  Text Transformation :

حالات الحروف هي

  • حروف صغيرة  Lower case
  • حروف كبيرة upper case
  • حالة Capitalize  اول حرف من كل  كلمة  يكون كبير

 

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}

 الظل shadow :

 

 text-shadow

 

h1 {
  text-shadow: 2px 2px;
}

إضافة لون الظل .

 

h1 {
  text-shadow: 2px 2px red;
}