آموزش ویژگی font-style در CSS

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

آموزش ویژگی font-style در CSS

Free-Learn

ویژگی font-style در CSS

با استفاده از ویژگی font-style در CSS میتوان سبک یا استایل یا به انگلیسی Style فونت یک یا چندین عنصر را مشخص و یا تعریف کرد.

مثلا میتونیم مشخص کنیم که فونت متن بصورت کج یا به اصطلاح Italic نمایش داده شود یا مثلا بصورت مورب یا به انگلیسی oblique ، که در ادامه میتوانید یک مثال از این ویژگی مشاهده نمایید.

مقدار Italic و oblique در ظاهر کاملا شبیه بهمدیگه هستن، ولی خب در موارد خاص ممکن است مثلا Italic در دسترس نباشد در نتیجه مرورگر از oblique استفاده میکند و یا برعکس.

Free-Learn

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

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

امتحان کنید

Free-Learn

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

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

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

Free-Learn

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

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

نام ویژگی Chrome Firefox Opera Safari IE
font-style ۱٫۰ ۱٫۰ ۷٫۰ ۱٫۰ ۴٫۰

Free-Learn

شکل نوشتاری

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

Free-Learn

جدول مقادیر ویژگی font-style در CSS

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

مقدار توضیح
normal پیش فرض – فونت در حالت عادی خودش نمایش داده میشه
italic فونت بصورت کج شده نمایش داده میشه
oblique فونت بصورت مورب نمایش داده میشه
initial استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر
inherit استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر

Free-Learn

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

در مرحله اول خوده فونت باید قابلیت italic یا oblique رو داشته باشه، که معمولا اکثر فونت ها italic رو دارند، ولی خب با این وجود ممکنه فونتی italic رو نداشته باشه در نتیجه مرورگرها از oblique که حالت شبیه سازی شده می باشد، را برای کج شدن فونت استفاده میکنند.

معمولا و بیشتر از Italic استفاده میکنند.

Free-Learn

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