يحتوي العنصر <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.