العنصر `<style>`

يحتوي العنصر <style> معلومات عن تنسيق المستند أو جزءٍ منه، إذ تحتوى داخل هذا العنصر معلومات التنسيق التي من المتوقع أن تكون بلغة CSS.

مثال بسيط عن العنصر <style> مع بعض تعليمات التنسيق داخله:

<style>
body {
  color: red;
}
</style>

بطاقة العنصر

تصنيفات المحتوى	البيانات الوصفية
المحتوى المسموح	محتوى نصي يُطابِق قيمة الخاصية `type`، ألا وهي `text/css`.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية
العناصر الأب	أي عنصر يقبل البيانات الوصفية.
واجهة DOM	`HTMLStyleElement`

Chrome	Firefox	Edge	Safari	Opera
مدعوم	مدعوم	مدعوم	مدعوم	مدعوم

يمكن استخدام الخاصيات العامة في هذا العنصر.

هذه الخاصية تُحدِّد نوع MIME للغة المستخدمة للتنسيق (لا يجب تحديد ترميز المحارف)؛ هذه الخاصية اختيارية والقيمة الافتراضية لها هي text/css.

<style type="text/css">
body {
  color:red;
}
</style>

هذه الخاصية تُعرِّف ما هي media query التي يجب تطبيق الأنماط عليها؛ القيمة الافتراضية هي all.

الأنماط الآتية ستُطبّق على الصفحة في حال طباعتها:

<style media="print">
body {
  color:red;
}
</style>

هذه الخاصية تستعمل لتعريف أنماط بديلة للصفحة.

تخفي جميع المتصفحات هذا العنصر بضبط قيمة الخاصية display إلى none:

style {
  display: none;
}

يُستخدَم العنصر <link> لإضافة صفحات أنماط خارجية إلى مستندات HTML.