استایل های HTML
استایل‌های HTML
ویژگی style در HTML برای اضافه کردن استایل‌ها به یک عنصر استفاده می‌شود، مانند رنگ، فونت، اندازه و موارد دیگر.
ویژگی Style در HTML
تنظیم استایل یک عنصر HTML را می‌توان با ویژگی style انجام داد.
ویژگی style در HTML ساختار زیر را دارد:
<tagname style="property:value;">property یک ویژگی CSS است. value یک مقدار CSS است.
در ادامه این آموزش بیشتر درباره CSS یاد خواهید گرفت.
رنگ پس‌زمینه
ویژگی CSS background-color رنگ پس‌زمینه برای یک عنصر HTML را تعریف می‌کند.
مثال
رنگ پس‌زمینه یک صفحه را به powderblue تنظیم کنید:
<body style="background-color:powderblue;">
<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است.</p>
</body>مثال
رنگ پس‌زمینه را برای دو عنصر مختلف تنظیم کنید:
<body>
<h1 style="background-color:powderblue;">این یک عنوان است</h1>
<p style="background-color:tomato;">این یک پاراگراف است.</p>
</body>رنگ متن
ویژگی CSS color رنگ متن برای یک عنصر HTML را تعریف می‌کند:
مثال
<h1 style="color:blue;">این یک عنوان است</h1>
<p style="color:red;">این یک پاراگراف است.</p>فونت‌ها
ویژگی CSS font-family فونت مورد استفاده برای یک عنصر HTML را تعریف می‌کند:
مثال
<h1 style="font-family:verdana;">این یک عنوان است</h1>
<p style="font-family:courier;">این یک پاراگراف است.</p>اندازه متن
ویژگی CSS font-size اندازه متن برای یک عنصر HTML را تعریف می‌کند:
مثال
<h1 style="font-size:300%;">این یک عنوان است</h1>
<p style="font-size:160%;">این یک پاراگراف است.</p>ترازبندی متن
ویژگی CSS text-align ترازبندی افقی متن برای یک عنصر HTML را تعریف می‌کند:
مثال
<h1 style="text-align:center;">عنوان وسط‌چین شده</h1>
<p style="text-align:center;">پاراگراف وسط‌چین شده.</p>خلاصه فصل
- از ویژگی
styleبرای استایل دادن به عناصر HTML استفاده کنید - از
background-colorبرای رنگ پس‌زمینه استفاده کنید - از
colorبرای رنگ‌های متن استفاده کنید - از
font-familyبرای فونت‌های متن استفاده کنید - از
font-sizeبرای اندازه‌های متن استفاده کنید - از
text-alignبرای ترازبندی متن استفاده کنید
آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.