HTML style Tag
HTML style Tag – يحتوي الوسم <style> على معلومات نمط style لمستند أو جزء من مستند HTML. بداخلة يتم كتابة أكواد CSS لتحدد كيفية عرض الشكل النهائى لعناصر HTML في المستعرض.
HTML style Tag
مثال للتوضيح
نستخدم الوسم <style> لتطبيق بعض تنسيقات CSS على عناصر مستند HTML:
HTML style tag
We use style tag to define style information for a document!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
h1 {
color:blue;
}
p {
font-size:16px;
font-weight: normal;
}
</style>
</head>
<body>
<h1>HTML style tag</h1>
<p>We use style tag to define style information for a document!</p>
</body>
</html>
HTML style tag
We use style tag to define style information for a document!
ملاحظات
يجب تضمين وسم <style> داخل <head> للمستند. ولكن من الأفضل إنشاء ملف style sheet خارجي وتضمينه فى مستند الـ HTML باستخدام الوسم <link>.
إذا تم تحديد بعض الخصائص لنفس المحدد أو العنصر في style sheets مختلفة ، فسيتم استخدام القيمة من أخر style sheet تم قرائته من جانب المستعرض.
إذا قمت بتضمين عدة عناصر <style> و <link> في مستندك ، فسيتم تطبيقها على DOM بالترتيب الذي تم تضمينها فيه في المستند – تأكد من تضمينها بالترتيب الصحيح ، لتجنب مشكلات التسلسل غير المتوقعة.
السمات المحددة – Specific Attributes
يدعم الوسم <style> هذه السمات:
| السمة | القيمة | الوصف |
|---|---|---|
| type | text/css | يحدد نوع الوسائط لوسم <style>. |
| media | media query | تحدد الوسائط التي يجب تطبيق النمط style عليها (أو الجهاز الذي تم تحسين مصدر الوسائط له). |
| title | text | تحدد مجموعات الـ style sheet البديلة. |
لا يوجد سبب وجيه لتضمين سمة type في مستندات الويب الحديثة (أى يمكنك الإستغناء عنها).
السمات العامة – Global Attributes
الوسم <style> يدعم السمات العامة، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
كما يدعم الوسم <style> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
إقرأ أيضًا – HTML <style> Tag
للمزيد من المعلومات عن إستخدام الـ style و CSS، شاهد:
الوسم المتعلق: <link>.
دعم المتصفحات
 |  |  |  |  |
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!