آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

direction در CSS

CSS

فصل چهارم : Properties در CSS

جلسه هشتم  : Direction در CSS

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

در این جلسه ی آموزشی کوتاه راجع به direction صحبت می کنیم .

تا بحال به این مورد برخورد کردید که بخواین یک متن رو راست چین یا چپ چین کنید ؟ با استفاده از این خصوصیت به راحتی میتونید این کار و انجام بدید .

direction

 Direction دو مقدار اصلی rtl و  ltr رو به خودش اختصاص میده :

right to left : با استفاده از rtl میتونید محتوارو راست به چپ مرتب کنید که در سایت های فارسی از این مقدار استفاده میشه.

left to right : با استفاده از ltr میتونید محتوارو از چپ به راست مرتب کنید که در سایت های انگلیسی از این مقدار استفاده میشه.

 

مقادر inherit و   initialهم میتونید استفاده کنید :

Initial : مقدار پیشفرض مرورگر رو به عنصر اختصاص میده .

Inherit : مقدار عنصر والد رو به عنصر فرزند اختصاص میده . در صورتی که عنصر فرزند مقدار  Inherit رو استفاده کنه و عنصر والد دارای مقدار rtl باشه ، عنصر فرزند هم از rtl استفاده میکنه .

 

قاعده دستوری direction

direction:rtl

direction:ltr

 

نکته : زمانی که یک سایت فارسی رو کدنویسی می کنید حتما برای عنصر body این خاصیت رو rtl لحاظ کنید در این صورت دیگه نیازی نیست برای تک تک عناصرتون این خاصیت رو تعریف کنید .  با تعریف rtl زمانی که شما متون فارسی و انگلیسی رو بصورت ترکیبی مینویسید ، بصورت مرتب به شما نمایش داده میشه . اما اگر rtl رو تعریف نکرده باشید ، ترکیب متون انگلیسی و فارسی با مشکل برمیخوره .

 

خوب دوستان این جلسه هم به اتمام رسید . موفق باشید 🙂

تهیه شده در مدرسه مجازی ایرانیان

 

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • علیرضا ک

    توضیحات خوب بود
    اما فکر کنم توضیحات مربوط به Inherit و Initial جابجا هستند

    • میترا رحیمی

      بله دوست عزیز
      ممنون
      اصلاح شد : )

وبلاگ مدرسه

مختصری درباره ما
مدرسه مجازی ایرانیان در زمینه آموزش علوم و فنون طراحی و برنامه نویسی صفحات وب اعم از آموزش زبان های برنامه نویسی و کدنویسی و همچنین آموزش طراحی گرافیک توسط نرم افزارهای گرافیکی پیکسلی و برداری فعالیت دارد .
ورود به وبلاگ

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟