مثال (تگ 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