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 پشتیبانی می کنند.