هل واجهت يوما معضلة في كتابة نصوص في الموقع عموديا، أو بالمحاذاة التي تريدها !! وبحثت في كل الحلول ولم تجد ما يرضيك فلجأت عندها لحلول نلجأ لها دائما كالخدع لحل العقبات البرمجية، قد تكون استخدمت صورا وكتبت عليها-كما خطر ببالي- أو تكون لجأت لحلول أخرى وتمنيت عندها لو أن امكانيات الأوفيس في التنسيق متاحة جميعها في الويب.
ولكن تم حل مشكلة اتجاه الكتابة بإضافة خصائص جديدة للأنماط CSS ورأيت ذلك أثناء مطالعتي للمزايا الجديدة في انترنت اكسبلورر 8 IE8
حيث تم إضافة الخاصية writing-mode للتحكم باتجاه الكتابة كما بالصورة
.gif)
حيث ترى الأوضاع الجديدة في محاذاة النص والتي لم نكن نعهداها سابقا
مثال على الاستخدام :
<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