آموزش ویژگی text-align در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی text-align در CSS با من همراه باشید.

آموزش ویژگی text-align در CSS

Free-Learn

ویژگی text-align در CSS

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

برای قرار دادن عناصر اینلاین یا Inline مثه img یا button و.. در وسط صفحه کافیه اون عنصر رو درون تگ div قرار بدهید و سپس به تگ div ویژگی text-align با مقدار center بدهید.

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از ویژگی text-align را در زبان CSS مشاهده نمایید.

مثال شماره ۱ : گذاشتن متن / محتوا در سمت چپ ، وسط و راست صفحه

امتحان کنید

مثال شماره ۲ : گذاشتن عکس / تصویر در وسط صفحه ( روش اول )

امتحان کنید

مثال شماره ۳ : قرار دادن عکس / تصویر در وسط صفحه ( روش دوم )

امتحان کنید

مثال شماره ۴ : استفاده از مقدار justify

امتحان کنید

مثال شماره ۵ : قرار دادن فرم ( Form ) در وسط صفحه

امتحان کنید

Free-Learn

جدول مشخصات ویژگی text-align در CSS

در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.

مقدار پیش فرض left هم right هم
قابل ارث بری دارد | اطلاعات بیشتر
قابل متحرک سازی ندارد | اطلاعات بیشتر
نسخه CSS1
نحوه استفاده در جاوااسکریپت object.style.textAlign=”center”;

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی text-align در CSS پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
text-align ۱٫۰ ۱٫۰ ۳٫۵ ۱٫۰ ۳٫۰

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.

Free-Learn

جدول مقادیر ویژگی text-align در CSS

در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.

مقدار توضیح
left اگر صفحه rtl بود مقدار پیش فرض میشه right
و اگه ltr بود مقدار پیش فرض میشه left
right تراز متن / عنصر در سمت راست
center تراز متن / عنصر در وسط
justify سعی میکند متن را بطور کامل فیت عنصر کند و فضای خالی را بپوشاند
initial استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر
inherit استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر

Free-Learn

نکات و توضیحات

جهت صفحه ( یعنی جهت نوشتاری ) که با استفاده از ویژگی direction یا صفت dir مشخص میشود، اگر rtl بود یعنی راست به چپ پس مقدار پیش فرض ویژگی text-align میشه right و اگه ltr بود یعنی چپ به راست مقدار پیش فرض میشه left

Free-Learn

دریافت PDF یا پرینت این مطلب