HTML/style

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

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

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

بطاقة العنصر

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

دعم المتصفحات

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

الخاصيات

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

type

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

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

media

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

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

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

title

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

التنسيق الافتراضي

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

style {
  display: none;
}

انظر أيضًا

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

مصادر ومواصفات

• معيار HTML Living Standard.
• مواصفة HTML5.
• مواصفة HTML 4.01.