CSS

CSS Writing Mode
خاصية writing-mode في لغة CSS

سوف تتعلم في هذا الدرس تنسيق النصوص في لغة CSS عن طريق مجموعة خصائص مثل [text-overflow,word-wrap,word-break,writing-mode].

التاريخ

29 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

1586

المواضيع

24
الشروحات chevron_left CSS Writing Mode chevron_left CSS
CSS Flex Box keyboard_arrow_down

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;
}
مصطلحات الدرس
Effects
Effects

تأثيرات

Overflow
Overflow

زائد / تجاوز

Word
Word

كلمة

Wrap
Wrap

لف / كسر

Break
Break

استراحة

Writing
Writing

كتابة

Mode
Mode

وضع

Keep
Keep

إحتفظ / إحتفاظ

All
All

الجميع

اختصارات الدرس
CSS
CSS

Cascading Style Sheets

صفحات الأنماط الانسيابية
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.