استایل ها در HTML (HTML Styles)
ویژگی style در HTML برای اضافه کردن استایل به عناصر استفاده می شود. با این ویژگی می توان رنگ، فونت، اندازه متن و موارد دیگر را تنظیم کرد.
ویژگی style
ویژگی 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>
خلاصه فصل
- از ویژگی
styleبرای اعمال استایل استفاده کنید. background-colorرنگ پس زمینه را مشخص می کند.colorرنگ متن را تعیین می کند.font-familyفونت را مشخص می کند.font-sizeاندازه متن را تعیین می کند.text-alignترازبندی متن را مشخص می کند.
برای ادامه یادگیری می توانید بخش پاراگراف ها (Paragraphs) و قالب بندی (Formatting) را مطالعه کنید.