برچسب <style> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< مرجع HTML:تگ‌ها(تغییرمسیر از تگ style)
پرش به ناوبری پرش به جستجو
اطلاعات سبک (style) را برای یک سند تعریف می‌کند
معرفی شده در نسخهٔ:۳٫۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: none;

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

استفاده از عنصر <style> در یک سند اچ‌تی‌ام‌ال:

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

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

</body>


تعریف و کاربرد

از برچسب <style> برای تعریف اطلاعات سبک برای یک سند اچ‌تی‌ام‌ال استفاده می‌شود.[۱]

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

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

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<style> بله بله بله بله بله

نکات و ملاحظات

نکته: برای لینک‌دهی به یک ورق سبک (style sheet) خارجی، از برچسب <link> استفاده کنید.

نکته: برای یادگیری بیشتر پیرامون ورق‌های سبک، لطفاً آموزش CSS ما را بخوانید.

ویژگی‌ها

ویژگی مقدار شرح
media media_query مشخص می‌کند که منبع رسانه، برای چه رسانه/دستگاهی بهینه است
type text/css نوع رسانهٔ برچسب <style> را مشخص می‌کند

ویژگی‌های سراسری

همچنین برچسب <style> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <style> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

آموزش اچ‌تی‌ام‌ال: CSS اچ‌تی‌ام‌ال (HTML CSS)

آموزش CSS: آموزش CSS

مرجع DOM اچ‌تی‌ام‌ال: شیء Style (Style Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <style> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

style {
  display: none;
}


منابع آموزشی