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

direction در CSS

در این جلسه ی آموزشی کوتاه راجع به 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 رو تعریف نکرده باشید ، ترکیب متون انگلیسی و فارسی با مشکل برمیخوره .

 

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

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

 

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۲

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

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

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین