العنصر <style>
< HTML
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
يحتوي العنصر <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.