مثال
استخدام <style> عنصر في وثيقة HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
انها محاولة لنفسك » تعريف واستخدام
و <style> يستخدم كلمة دلالية لتحديد نمط المعلومات عن وثيقة HTML.
داخل <style> العنصر الذي يحدد كيفية عناصر HTML يجب أن تجعل في المتصفح.
يمكن أن تحتوي كل وثيقة HTML متعددة <style> العلامات.
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <style> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
نصائح وملاحظات
نصيحة: لربط ورقة نمط خارجية، استخدم <link> العلامة.
نصيحة: لمعرفة المزيد حول أوراق الأنماط، يرجى قراءة لدينا دروس CSS .
ملاحظة: إذا كان "scoped" لم يتم استخدام السمة، كل <style> يجب أن يكون موجودا العلامة في القسم الرأس.
الخلافات بين HTML 4.01 و HTML5
و "scoped" السمة الجديدة في HTML5، والذي يسمح لتعريف أنماط لقسم محدد من الوثيقة. إذا كان "scoped" السمة الحالية، وتطبيق الأساليب فقط إلى العنصر الأصل عنصر النمط وعناصر تابعة لذلك العنصر.
الصفات
= جديد في HTML5.
| السمة | القيمة | وصف |
|---|---|---|
| media | media_query | يحدد صفته وسائل الاعلام / الجهاز الأمثل للموارد وسائل الإعلام ل |
| scoped | scoped | تنص على أن أساليب تنطبق فقط على العنصر الأصلي هذا العنصر والعناصر التابعة لذلك العنصر |
| type | text/css | يحدد نوع وسائط لل <style> العلامة |
السمات العامة
و <style> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <style> كما يدعم هذا الكود في حدث سمات في HTML .
صفحات ذات صلة
HTML البرنامج التعليمي: HTML CSS
درس CSS: CSS دروس
HTML DOM إشارة: Style كائن
الإعدادات الافتراضية CSS
معظم المتصفحات عرض <style> العنصر مع القيم الافتراضية التالية:
style {
display: none;
}