وضع الكتابة: اكتب بالاتجاه الذي تريده

هل واجهت يوما معضلة في كتابة نصوص في الموقع عموديا، أو بالمحاذاة التي تريدها !! وبحثت في كل الحلول ولم تجد ما يرضيك فلجأت عندها لحلول نلجأ لها دائما كالخدع لحل العقبات البرمجية، قد تكون استخدمت صورا وكتبت عليها-كما خطر ببالي- أو تكون لجأت لحلول أخرى وتمنيت عندها لو أن امكانيات الأوفيس في التنسيق متاحة جميعها في الويب.

 

ولكن تم حل مشكلة اتجاه الكتابة بإضافة خصائص جديدة للأنماط CSS  ورأيت ذلك أثناء مطالعتي للمزايا الجديدة في انترنت اكسبلورر 8 IE8

حيث تم إضافة الخاصية writing-mode للتحكم باتجاه الكتابة كما بالصورة

حيث ترى الأوضاع الجديدة في محاذاة النص والتي لم نكن نعهداها سابقا

مثال على الاستخدام :

<div style="writing-mode: tb-rl">كتابة أفقية</div>

 

مع امكانية تغيير الاتجاه حسب القيمة باللون الأحمر في المثال بأحد القيم من الصورة مثل : tb-rl،rl-tb…

مع الانتباه إلى أن أغلب القيم هذه لن تعمل بشكل صحيح في المتصفحات القديمة لأنه لم تكن مدعومة

وفي الختام أحب بأن أضيف الوسوم التي تسمح  بهذه الخاصية وهي :

A, ABBR, ACRONYM, ADDRESS, B, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, currentStyle, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, hn, HR, I, INPUT, INPUT type=button, INPUT type=file, INPUT type=password, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, ISINDEX, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, OL, OPTION, P, PLAINTEXT, popup, PRE, Q, RT, RUBY, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TD, TEXTAREA, TH, TT, U, UL, VAR, CSSCurrentStyleDeclaration Constructor, CSSRuleStyleDeclaration Constructor, CSSStyleDeclaration Constructor