Omega Programming

سبک (style) در html

هر عنصر html یک style پیش فرض دارد(رنگ پس زمینه سفید و رنگ متن مشکی). تغییر سبک پیش فرض عناصر می تواند با خصیصه style انجام شود. مثال زیر رنگ پس زمینه عنصر <body> را تغییر میدهد.

<body style="background-color:lightgrey">

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

</body>

نحو (syntax) کلی خصیصه style بصورت زیر است:

style="property:value"

رنگ متن:

برای تغییر رنگ متن از ویژگی color استفاده می شود. مثال زیر رنگ متن تگ h را آبی و رنگ متن تگ p را قرمز می کند.

<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
نوع و سایز فونت:
برای تغییر نوع و سایز فونت از ویژگی های font-family و font-size استفاده می شود. مثال:
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
 
<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:left">left align paragraph</p>
 
 
شما اینجا هستید: صفحه ی اصلی سبک (style) در html