اضافه کردن استایل در تگ های HTML
از خصوصیت style، برای اضافه کردن استایل هایی مانند رنگ(color) و فونت و سایز و دیگر موارد به یک عنصر HTML استفاده می شود.
خصوصیت style در HTML
با استفاده از خصوصیت style می توانیم استایل یک عنصر HTML را تنظیم کنیم. سینتکس یا قواعد نوشتاری یک خصوصیت style به صورت زیر است:
مثال شماره 2
<نام تگ style="property:value;">در مثال بالا، property یک خصوصیت CSS است و value یک مقدار CSS است.
نکته: بعداً در این فصل، در مورد CSS بیشتر توضیح خواهیم داد.
رنگ پس زمینه در HTML
از ویژگی background-color در CSS برای تعریف رنگ پس زمینه برای یک عنصر HTML استفاده می شود.
مثال شماره 3
تنظیم رنگ پس زمینه برای یک صفحه به رنگ آبی یا blue:
<body style="background-color:blue;">
<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است</p>
</body> مثال شماره 4
تنظیم رنگ پس زمینه برای دو عنصر متفاوت:
<body>
<h1 style="background-color:powderblue;">این یک عنوان است</h1>
<p style="background-color:tomato;">این یک پاراگراف است</p>
</body> تنظیم رنگ برای متن در HTML
از خصوصیت color در CSS برای تنظیم رنگ متن برای یک عنصر HTML استفاده می شود:
مثال شماره 2
<h1 style="color:blue;">این یک عنوان است</h1>
<p style="color:red;">این یک پاراگراف است</p> تنظیم فونت برای یک عنصر html
از ویژگی font-family در CSS برای تعریف یک فونت برای یک عنصر HTML استفاده می شود:
مثال شماره 3
<h1 style="font-family:verdana;">این یک عنوان است</h1>
<p style="font-family:tahoma;">این یک پاراگراف است</p> تنظیم سایز متن در HTML
از ویژگی font-size در CSS برای تنظیم سایز متن یک عنصر HTML استفاده می شود:
مثال شماره 4
<h1 style="font-size:300%;">این یک عنوان است</h1>
<p style="font-size:160%;">این یک پاراگراف است</p> تراز کردن متن در HTML
از ویژگی text-align در CSS برای تراز کردن متن یک عنصر HTML به صورت افقی استفاده می شود:
مثال شماره 5
<h1 style="text-align:center;">این عنوان وسط چین شده است</h1>
<p style="text-align:center;">این پاراگراف وسط چین شده است</p> خلاصه مقاله
1. از خصوصیت style برای استایل دهی به عناصر HTML استفاده می شود.
2. از ویژگی background-color برای تنظیم رنگ پس زمینه استفاده می شود.
3. از ویژگی color برای تنظیم رنگ متن استفاده می شود.
4. از ویژگی font-family برای تنظیم فونت متن ها استفاده می شود.
5. از ویژگی font-size برای تنظیم سایز فونت استفاده می شود.
6. از ویژگی text-align برای تراز کردن یک متن به صورت افقی استفاده می شود.
- بازدید: 606
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.