CSS Writing Mode
خاصية writing-mode في لغة CSS
سوف تتعلم في هذا الدرس تنسيق النصوص في لغة CSS عن طريق مجموعة خصائص مثل [text-overflow,word-wrap,word-break,writing-mode].
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Writing Mode
خاصية writing-mode في لغة CSS
</>
CSS writing mode
خاصية writing-mode في لغة CSS
تستخدم خاصية writing-mode في لغة CSS للتحكم في عرض سطر النص إما أفقياً أو رأسياً.
قيم خاصية word-wrap في لغة CSS:
- horizontal-tb هي القيمة الافتراضية تجعل المحتوى النصي معروض أفقيًا من اليسار إلى اليمين إذا كان direction:ltr.
- vertical-rl تجعل المحتوى النصي عموديًا من أعلى إلى أسفل من جهة اليمين right-left إذا كان direction:ltr.
- vertical-lr تجعل المحتوى النصي عموديًا من أعلى إلى أسفل من جهة اليسار left-right إذا كان direction:ltr.
CSS writing-mode Syntax
طريقة كتابة خاصية writing-mode في لغة CSS.
writing-mode:value;
CSS writing-mode values
قيم خاصية writing-mode في لغة CSS.
writing-mode:horizontal-tb|vertical-rl|vertical-lr;
</>
CSS writing mode horizontal tb
خاصية writing-mode مع القيمة horizontal-tb في لغة CSS
تستخدم خاصية writing-mode مع القيمة horizontal-tb في لغة CSS لتجعل المحتوى النصي معروض أفقيًا من اليسار إلى اليمين إذا كان direction:ltr وهي القيمة الافتراضية.
CSS writing mode horizontal tb
خاصية writing-mode في لغة CSS مع القيمة horizontal-tb.
p
{
word-wrap: normal;
background-color:#2196F3;
color:white;
width:100px;
padding:10px;
}
</>
CSS writing mode vertical rl
خاصية writing-mode مع القيمة vertical-rl في لغة CSS
تستخدم خاصية writing-mode مع القيمة vertical-rl في لغة CSS لتجعل المحتوى النصي عموديًا من أعلى إلى أسفل من جهة اليمين right-left إذا كان direction:ltr.
CSS writing mode vertical rl
خاصية writing-mode في لغة CSS مع القيمة vertical-rl.
p
{
writing-mode:vertical-rl;
background-color:#2196F3;
color:white;
padding:10px;
height:250px;
}
</>
CSS writing mode vertical lr
خاصية writing-mode مع القيمة vertical lr في لغة CSS
تستخدم خاصية writing-mode مع القيمة vertical-lr في لغة CSS لتجعل المحتوى النصي عموديًا من أعلى إلى أسفل من جهة اليسار left-right إذا كان direction:ltr.
CSS writing mode vertical lr
خاصية writing-mode في لغة CSS مع القيمة vertical-lr.
p
{
writing-mode:vertical-lr;
background-color:#2196F3;
color:white;
padding:10px;
height:250px;
}
نص
تأثيرات
زائد / تجاوز
كلمة
لف / كسر
استراحة
كتابة
وضع
إحتفظ / إحتفاظ
الجميع
Cascading Style Sheets
صفحات الأنماط الانسيابية
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
