الفرق بين المراجعتين لصفحة: «HTML/style»

المراجعة الحالية بتاريخ 12:11، 17 فبراير 2018

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

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE:العنصر <code><style></code>}}</noinclude>
-يحتوي العنصر <code><style></code> معلومات عن تنسيق المستند أو جزءٍ منه، إذ تحتوى داخل هذا العنصر معلومات التنسيق التي من المتوقع أن تكون بلغة CSS.
+يحتوي العنصر <code><style></code> معلومات عن تنسيق المستند أو جزءٍ منه، إذ تحتوى داخل هذا العنصر معلومات التنسيق التي من المتوقع أن تكون بلغة [[CSS]].
 مثال بسيط عن العنصر <code><style></code> مع بعض تعليمات التنسيق داخله:<syntaxhighlight lang="html">
-<style type="text/css">
+<style>
 body {
    color: red;
@@ سطر 9: / سطر 9: @@
 </style>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 67: / سطر 68: @@
 === <code>title</code> ===
 هذه الخاصية تستعمل لتعريف [[HTML/link#title|أنماط بديلة]] للصفحة.
+== التنسيق الافتراضي ==
+تخفي جميع المتصفحات هذا العنصر بضبط قيمة الخاصية <code>[[CSS/display|display]]</code> إلى <code>none</code>:<syntaxhighlight lang="css">
+style {
+  display: none;
+}
+</syntaxhighlight>
+== انظر أيضًا ==
+يُستخدَم العنصر <code>[[HTML/link|<link>]]</code> لإضافة صفحات أنماط خارجية إلى مستندات HTML.
 ==مصادر ومواصفات==
 *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-style-element HTML Living Standard].
 *مواصفة [http://www.w3.org/TR/html5/document-metadata.html#the-style-element HTML5].
-*مواصفة [http://www.w3.org/TR/html401/present/styles.html#h-14.2.3 HTML 4.01].<code></code>
+*مواصفة [http://www.w3.org/TR/html401/present/styles.html#h-14.2.3 HTML 4.01].
 [[تصنيف:HTML|{{SUBPAGENAME}}]]
 [[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
-[[تصنيف:Metadata|{{SUBPAGENAME}}]]
+[[تصنيف:HTML Metadata|{{SUBPAGENAME}}]]