آموزش CSS مبتدی : مدیریت جهتهای مختلف متن
بسیاری از ویژگیها و مقادیری که تاکنون در یادگیری CSS با آنها مواجه شدهایم، به ابعاد فیزیکی صفحه نمایش ما گره خوردهاند. برای مثال، ما حاشیههایی را در بالا، راست، پایین و چپ یک کادر ایجاد میکنیم. این ابعاد فیزیکی به طور بسیار منظمی به محتوایی که به صورت افقی مشاهده میشود، نگاشت میشوند و به طور پیشفرض، وب تمایل دارد از زبانهای چپ به راست (مثلاً انگلیسی یا فرانسوی) بهتر از زبانهای راست به چپ (مانند عربی) پشتیبانی کند.
با این حال، در سالهای اخیر، CSS به منظور پشتیبانی بهتر از جهتگیریهای مختلف محتوا، از جمله محتوای راست به چپ و همچنین محتوای بالا به پایین (مانند ژاپنی) تکامل یافته است - این جهتگیریهای مختلف، حالتهای نوشتاری نامیده میشوند. با پیشرفت در مطالعه و شروع به کار با طرحبندی، درک حالتهای نوشتاری برای شما بسیار مفید خواهد بود، بنابراین اکنون آنها را معرفی خواهیم کرد.
حالت نوشتاری در CSS به این اشاره دارد که متن به صورت افقی یا عمودی نمایش داده شود. ویژگی حالت نوشتاری به ما امکان میدهد از یک حالت نوشتاری به حالت دیگر تغییر دهیم. برای انجام این کار نیازی نیست که با زبانی کار کنید که از حالت نوشتاری عمودی استفاده میکند - همچنین میتوانید حالت نوشتاری بخشهایی از طرح خود را برای اهداف خلاقانه تغییر دهید.
در مثال زیر، عنوانی داریم که با استفاده از حالت نوشتاری: عمودی-rl نمایش داده میشود. متن اکنون به صورت عمودی نمایش داده میشود. متن عمودی در طراحی گرافیک رایج است و میتواند راهی برای افزودن ظاهر و حس جالبتر به طراحی وب شما باشد.
سه مقدار ممکن برای ویژگی writing-mode عبارتند از:
: جهت جریان بلوک از بالا به پایین. جملات به صورت افقی اجرا میشوند.
: جهت جریان بلوک از راست به چپ. جملات به صورت عمودی اجرا میشوند.
: جهت جریان بلوک از چپ به راست. جملات به صورت عمودی اجرا میشوند.
بنابراین ویژگی writing-mode در واقع جهت نمایش عناصر سطح بلوک را در صفحه تعیین میکند - یا از بالا به پایین، راست به چپ یا چپ به راست. سپس این جهت، جهت جریان متن در جملات را تعیین میکند.
حالتهای نوشتاری و طرحبندی بلوکی و درونخطی