العنصر <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.

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