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

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

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

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

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

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

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

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

 

 

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

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

 


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

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

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

YouTube ویدئو


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

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

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

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

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

مطالب مرتبط دیگر:
حسین محمودی
حسین محمودی

حسین محمودی هستم، طراح محصول و UI/UX، طراح گرافیکی، صفحه آراء.
تصمیم گرفتم مطالبی در زمینه های مختلفی که بهشون علاقه دارم رو در اینجا قرار بدم که از جمله میشه به طراحی رابط کاربری و تجربه کاربری (UI/UX)، طراحی گرافیک و صفحه آرایی اشاره کرد.

مقاله‌ها: 239

پاسخی بگذارید