النص CSS

تنسيق النص TEXT

تنسيق النص

يتم تنسيق هذا النص باستخدام بعض خصائص تنسيق النص. يستخدم العنوان خصائص text-align، text-transform، ولون. يتم تحديد الهوامش للفقرة، والتنسيق، وضبط مسافة بين الأحرف. تم إزالة الخط الأفقي من هذا النص الملون "Try it Yourself" رابط.

يستخدم هذا النص بعض خصائص تنسيق النص لتحديد النمط. العنوان يستخدم خصائص text-align، text-transform، ولون.تجربة شخصيةتم إزالة الخط الأفقي من الرابط.

جرب بنفسك

لون النص

color الخصائص المستخدمة لضبط لون النص. اللون يتم تحديده من خلال القيم التالية:

  • اسم اللون - مثل "red"
  • قيمة البايت عشري - مثل "#ff0000"
  • RGB القيم - مثل "rgb(255,0,0)"

RGB القيم - مثل "rgb(255,0,0)" قيم الألوان في CSSعرض

، للحصول على قائمة كاملة من القيم المحتملة للألوان.

مثال

body {
  color: blue;
}
h1 {
  لون النص الافتراضي للصفحة هو الذي تم تعريفه في اختيار body.
}

جرب بنفسك

color: green;نصيحة: color إذا لم تكن تريد تعريف background-color الخصائص.

لون النص و لون الخلفية

في هذا المثال، نحدد background-color خصائص و color خصائص:

مثال

body {
  background-color: lightgrey;
  color: blue;
}
h1 {
  background-color: black;
  color: white;
}

جرب بنفسك