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

من قرمز هستم

من آبی هستم

من بزرگ هستم

ویژگی سبک HTML

تنظیم سبک یک عنصر HTML می تواند با ویژگی style انجام شود.

ویژگی  HTML styleدارای نحو زیر است:

<tagname style="property:value;">

اموال یک ویژگی CSS است. ارزش یک مقدار CSS است.

در ادامه این آموزش با CSS بیشتر خواهید آموخت.


رنگ پس زمینه

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

مثال

رنگ پس زمینه یک صفحه را روی پودری آبی تنظیم کنید:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

مثال

رنگ زمینه را برای دو عنصر مختلف تنظیم کنید:

<body>

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

</body>

 


رنگ متن

colorویژگی CSS رنگ متن را برای یک عنصر HTML تعریف می کند:

مثال

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

قلم ها

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

مثال

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

اندازه متن

font-sizeویژگی CSS اندازه متن را برای یک عنصر HTML تعریف می کند:

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

تراز متن

text-alignویژگی CSS ترازبندی متن افقی برای یک عنصر HTML را تعریف می کند:

مثال

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

خلاصه ی فصل

  • از این styleویژگی برای یک ظاهر طراحی شده در عناصر HTML استفاده کنید
  • background-colorبرای رنگ پس زمینه استفاده کنید
  • استفاده colorبرای رنگ متن
  • استفاده font-familyاز فونت های متن
  • font-sizeبرای اندازه متن استفاده کنید
  • text-alignبرای ترازبندی متن استفاده کنید