ویژگی font-style در CSS

font-style Property

ویژگی font-style در CSS تعیین می کند که فونت یکی از سه مقدار normal , italic و oblique را بپذیرد.

نحوه نوشتار

font-style: normal;
font-style: italic;
font-style: oblique;

مقادیر

normal​

فونت بصورت نرمال نمایش داده می شود.

italic​

فونت بصورت italic یا مایل نمایش داده می شود.

oblique​

فونت بصورت مایل نمایش داده می شود. اینحالت بسیار شبیه به italic است اما با پشتیبانی کمتری از سوی مرورگرها برخوردار است.

در مثال زیر نحوه عملکرد این ویژگی را میبینیم:

html

 <p class="normal">
      لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی
      در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.
</p>
<p class="italic">
      لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی
      در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.
</p>
<p class="oblique">
      لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی
      در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.
</p>

css

p {
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    margin: 8px 0 0 0;
}
.normal {
    font-style: normal; 
}
.italic {
    font-style: italic; 
}
.oblique {
    font-style: oblique; 
}

مشاهده و ویرایش کد در حالت تمام صفحه

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