iHMahmoodi
Visual Designer

آموزش جامع CSS: چطور چیدمان متن را تغییر دهیم؟

How to set text alignment in CSS

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

1 3,451
maxresdefault-3733456
آموزش جامع CSS: چطور چیدمان متن را تغییر دهیم؟

با استفاده از ویژگی text-align می توان تصمیم گرفت که چیدمان محتوای خطی (مثل متن یا تصویر) داخل یک عنصر بلاک به چه صورت باشد.

همانطور که در نرم افزارهای ویرایش متن مثل ورد می توان بر روی چیدمان نوشته کنترل داشت در سی اس اس نیز این امکان وجود دارد که با مقادیری مثل left، right، center و یا justify عناصر خطی را تراز کنیم.

هرچند که نام ویژگی به متن اشاره دارد اما این ویژگی بر روی عناصر inline و inline-block تاثیر می گذارد.

text-align فقط بر روی محتوای عنصر تاثیر می گذارد و نه خود عنصر. مثلا برای وسط آوردن خود عنصر می توان از ویژگی margin استفاده کرد.

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

مقدار ویژگی text-align بر روی فرزندان عنصر نیز تاثیر خواهد گذاشت و محتوای فرزندانی که از نوع بلاک هستند نیز تحت تاثیر مقدار text-align پدرانشان قرار خواهد گرفت.

بقیه موارد را در فیلم آموزشی ببینید.

 

 

لیست پخش آموزش جامع سی اس اس به ترتیب: https://www.youtube.com/playlist?list…

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

 


برای دیدن این ویدیو باید VPN شما روشن باشد.

بعد از روشن کردن VPN یا فیلترشکن، بر روی تصویر یا لینک یوتیوب زیر کلیک کنید تا ویدیوی آموزش را ببینید)

آموزش جامع CSS: چطور چیدمان متن را تغییر دهیم؟

YouTube ویدئو


در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در ویدیو های بعدی هم به نکات بیشتری در مورد CSS می پردازم.

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

در صورتی که این ویدیو برای شما مفید بود لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.

مطالب مرتبط دیگر:
در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب آموزش های ما را هر هفته در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

عضویت
اطلاع از
guest

1 نظر
قدیمی‌ترین
جدیدترین most voted
Inline Feedbacks
نمایش همه‌ی نظرات