ویژگی style در html

10 / 10 از 1 کاربر

ویژگی style در html

در این قسمت از مجموعه قسمت های آموزش html قصد داریم شما را با ویژگی style در html آشنا کنیم. در واقع منظور از ویژگی سبک، تنظیم سبک های مختلف برای عناصر html است که در طراحی سایت به کار رفته اند. نحوه نوشتن و syntax ویژگی سبک در html به صورت زیر می باشد:

";style="property:value

در سبک بالا property، همان ویژگی  در css است و value نیز بیانگر مقدار در  css است. در مورد ویژگی ها در css به طور کامل در بخش آموزش css توضسح خواهیم داد.

رنگ پس زمینه در HTML

ویژگی background-color معرف رنگ پس زمینه برای عناصر html در طراحی سایت است. برای درک بیشتر این ویژگی مثال زیر را ارائه کرده ایم. در این مثال در طراحی سایت برای یک صفحه، رنگ پس زمینه خاکستری روشن را تنظیم کرده ایم:

ویژگی پس زمینه

 

 

 

  

رنگ متن در HTML

ویژگی color در طراحی سایت ، تعیین کننده رنگ متن برای عناصر html است. مثال زیر نمونه ای از نحوه استفاده از این ویژگی در طراحی سایت ارائه شده است. 

ویژگی رنگ  در  html

 

 

 

 فونت ها در HTML

یکی دیگر از ویژگی style در html ، ویژگی font-family است که بیانگر فونت مورد استفاده برای عناصر html در طراحی سایت است. به منظور درک صحیح از نحوه استفاده از این ویژگی در طراحی سایت به مثال زیر توجه کنید.

 فونت در  html

 

اندازه متن در HTML

اندازه متن عناصر  html در طراحی سایت با ویژگی font-size بیان می شود. در زیر مثالی برای درک دقیق از نحوه استفاده از این ویژگی سبک در طراحی سایت آورده ایم.

اندازه متن در html

 

تنظیم متن در html

ویژگی text-align به منظور تنظیم افقی متن عناصر html مورد استفاده قرار می گیرد. 

تنظیم متن در html

خلاصه این فصل از آموزش طراحی سایت

  • به منظور طراحی ظاهری عناصر  html از ویژگی سبک استفاده می کنیم.
  • برای رنگ پس زمینه در طراحی سایت از background-color استفاده می کنیم.
  • از color برای تنظیم رنگ متن استفاده می کنیم.
  • ویژگی font-family برای تعیین فونت متن ها در طراحی سایت مورد استفاده قرار می گیرد.
  • به منظور تنظیم اندازه متن از font-size در طراحی سایت استفاده می کنیم.
  • ویژگی text-align نیز برای تنظیم متن استفاده می شود.
ارسال نظر و نظرات ثبت شده
نام شما :
ایمیل :
تلفن تماس :
متن پیغام :