CSS Text Spacing
تباعد النصوص في لغة CSS
ستتعلم في هذا الدرس كيفية تباعد النصوص وعمل مسافات قبل السطر عن طريق خاصية Text Spacing في لغة CSS.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Text Spacing
تباعد النصوص في لغة CSS
</>
CSS Text Indentation
تباعد النصوص في لغة CSS
- length يتم تحديها بوحدة pixel بكسل px.
- percentage يتم تحديدها بالنسبة المئوية ٪.
- ترك مسافة قبل أول سطر.
text indent syntax
طريقة كتابة خاصية text-indent في لغة CSS.
text-indent:value;
text indent values
قيم خاصية text-indent في لغة CSS.
text-indent:50px|20%;
CSS text indentation
خاصية text-indent في لغة CSS.
p
{
text-indent: 50px;
}
</>
CSS Letter Spacing
تباعد الحروف في لغة CSS
- length يتم تحديها بوحدة pixel بكسل px.
- percentage يتم تحديدها بالنسبة المئوية ٪.
- ترك مسافة بين كل حرف في جميع الأسطر.
letter-spacing syntax
طريقة كتابة خاصية letter-spacing في لغة CSS.
letter-spacing:value;
letter-spacing values
قيم خاصية letter-spacing في لغة CSS.
letter-spacing:50px|20%;
CSS letter spacing
خاصية letter-spacing في لغة CSS.
h1
{
letter-spacing: 3px;
}
h2
{
letter-spacing: -3px;
}
</>
CSS Line Height
ارتفاع خط النصوص في لغة CSS
- length يتم تحديها بوحدة pixel بكسل px.
- number رقم سيتم ضربه font-size بحجم الخط الحالي لضبط ارتفاع الخط.
- percentage يتم تحديدها بالنسبة المئوية ٪.
- تحريك النص لأعلي ولأسفل السطر.
line-height syntax
طريقة كتابة خاصية line-height في لغة CSS.
line-height:value;
line-height values
قيم خاصية line-height في لغة CSS.
line-height:normal|number|length|initial|inherit;
CSS line height
خاصية line-height في لغة CSS.
p.small
{
line-height: 0.7;
}
p.big
{
line-height: 1.8;
}
CSS line height percentage
خاصية line-height في لغة CSS مع النسبة المئوية.
.small
{
line-height: 10%;
}
CSS line height length
خاصية line-height في لغة CSS مع وحدة بكسل.
.small
{
line-height: 10px;
}
</>
CSS Word Spacing
تباعد الكلمات في لغة CSS
- length يتم تحديها بوحدة pixel بكسل px.
- nurmal رقم يحدد المسافة العادية بين الكلمات (0.25em). هذا هو الافتراضي.
- ترك مسافات بين كل كلمة والأخري.
word-spacing syntax
طريقة كتابة خاصية word-spacing في لغة CSS.
word-spacing:value;
word-spacing values
قيم خاصية word-spacing في لغة CSS.
word-spacing:normal|length|initial|inherit;
CSS word spacing
خاصية word-spacing في لغة CSS.
h1
{
word-spacing: 10px;
}
h2
{
word-spacing: -5px;
}
مسافات / تباعد
نص
المسافة الفارغة
خاصية
قيمة
خطاب / رسالة
علامة الناقص
سطر / خط
ارتفاع
كلمة
بيضاء / أبيض
مسافة
Cascading Style Sheets
صفحات الأنماط الانسيابيةIndentation
المسافة الفارغةPixel
وحدة قياس الPixel
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
