HTML — استایل ها (Styles)

آخرین بروزرسانی: 1404/07/05

استایل ها در HTML (HTML Styles)

ویژگی style در HTML برای اضافه کردن استایل به عناصر استفاده می شود. با این ویژگی می توان رنگ، فونت، اندازه متن و موارد دیگر را تنظیم کرد.

ویژگی style به شما اجازه می دهد که CSS را به طور مستقیم روی یک عنصر اعمال کنید.

<tagname style="property:value;">

نکته: property یک ویژگی CSS و value مقدار آن است.

ویژگی background-color رنگ پس زمینه یک عنصر HTML را تعیین می کند.

<body style="background-color:powderblue;">
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

ویژگی color رنگ متن یک عنصر را مشخص می کند.

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

ویژگی font-family فونت مورد استفاده برای یک عنصر را تعیین می کند.

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

ویژگی font-size اندازه متن را مشخص می کند.

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

ویژگی text-align ترازبندی افقی متن را تعیین می کند.

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

برای ادامه یادگیری می توانید بخش پاراگراف ها (Paragraphs) و قالب بندی (Formatting) را مطالعه کنید.