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;
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
الدورات
لا يوجد
