شبكة تعلم مع ناو

ما هي الخاصية writing-mode في CSS؟

الخاصية writing-mode تحدد اتجاه النص: أفقيًا كما نكتب عادة، أو عموديًا.

.vertical {
  writing-mode: vertical-rl;
}

القيم الأساسية

  • horizontal-tb: أفقي من الأعلى للأسفل (الافتراضي).
  • vertical-rl: عمودي، والأسطر من اليمين لليسار (اليابانية مثلًا).
  • vertical-lr: عمودي، والأسطر من اليسار لليمين.

استخدام عملي

عناوين جانبية مكتوبة عموديًا، أو تسميات أعمدة ضيقة في الجداول.

انتبه

لجعل الصفحة من اليمين لليسار لا نستخدم writing-mode، بل dir="rtl" في HTML، أو direction: rtl.

اختبر نفسك

خمسة أسئلة سريعة، مع الإجابة والشرح بعد كل سؤال.