سبد (0)

تبلیغات

تگ style در HTML

مثال (تگ style در HTML)

طریقه استفاده از عنصر <style> در سند HTML:

<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}

</style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>
</html>

خودتان امتحان کنید »

تعریف و کاربرد تگ style در HTML

تگ <style> برای تعریف اطلاعات استایل برای یک سند HTML استفاده می شود.

در داخل عنصر <style> مشخص می کنید که چگونه عناصر HTML باید در یک مرورگر نمایش داده شود.

هر سند HTML می تواند شامل چند تگ <style> باشد .


پشتیبانی مرورگرها از تگ style در HTML

عنصر          
<style> بله بله بله بله بله

نکته ها و ترفندها

نکته: برای لینک کردن به یک  فایل CSS خارجی، از تگ <link> استفاده می کنیم.

نکته: برای کسب اطلاعات بیشتر در مورد CSS، به بخش آموزش CSS بروید.

نکته: اگر خصوصیت "scoped" استفاده نشود، هر تگ <style> باید در قسمت head قرار گیرد.


تفاوت بین HTML 4.01 و HTML5

خصوصیت "scoped" در HTML5 جدید است، که اجازه می دهد styles برای بخش مشخصی از سند تعریف شود. اگر خصوصیت"scoped" وجود داشته باشد، آن styles فقط به عناصر style عنصر والد و عنصر فرزند اعمال می شود.


خصوصیت ها

= جدید در HTML5.

خصوصیت مقدار توضیحات
media media_query مشخص می کند که چه media یا دستگاهی برای منبع media مناسب است.
scoped scoped مشخص می کند که styles فقط به عناصر style عنصر والد و عنصر فرزند اعمال می شود.
type text/css نوع media در تگ <style> را مشخص می کند.

ویژگی های عمومی تگ style در HTML

تگ <style> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ style در HTML

تگ <style> از رویدادهای عمومی در HTML پشتیبانی می کند.


آموزش های مرتبط

آموزش HTML-سی اس اس 

مرجع اشیاء اچ تی ام ال: تگ style در JavaScript 

دیدگاه‌ها  

0 # HoseiniSA 1396-06-29 11:06
آیا تگ style را می توان در تگ Body استفاده کرد؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # امیر پهلوان صادق 1396-06-30 13:52
بله از تگ style می توان در قسمت body استفاده نمود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # محمد رضا رضوان 1395-08-22 23:30
سلام مجدد و عرض خسته نباشید به مهندسین عزیز و زحمتکش سایت بیاموز کاربرد تگ STYLE در این مثال CSS هم مانند STYLE در تگ HTML است
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # مهرداد صلاحی 1395-08-24 20:01
با سلام و تشکر.
تگ در فایل html‌ به کار میره. درون این تگ خصوصیات به صورت کدهای css نوشته میشه.
درون خود فایل css دیگه ما از تگ استفاده نمی‌کنیم و فقط همون کدهای css رو می‌نویسیم.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان