English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
علامة HTML <style> تستخدم لضم CSS إلى وثيقة HTML. يمكن وضعها داخل علامة <body> أو <head>. بالتقديم، معلومات النمط لعلامة <style> عادةً تكون بناءً على CSS. وتُدعى هذه العلامة أيضًا عنصر <style>.
استخدام عنصر <style> في وثيقة HTML:
!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>استخدام علامة style HTML (موقع دروس أساسية oldtoolbag.com)</title>
</head>
<style>
h1 { color: blue; }
.p-style{color:red;font-weight:bold;}
</style>
</head>
<body>
<h1>مثال HTML5</h1>
<p class="p-style">هذا هو فقرة يحتوي على نمط style</p>
</body
</html>اختبار لمعرفة ‹/›IEFirefoxOperaChromeSafari
كل متصفحات الويب المدعومة تدعم علامة <style>.
علامة <style> تعرف معلومات النمط لوثيقة HTML.
في عنصر <style>، يمكنك تحديد كيفية عرض وثيقة HTML في المتصفح.
يمكن لكل وثيقة HTML أن تحتوي على عدة علامات <style>.
إشارة:إذا كنت ترغب في ربط قالب خارجي، يرجى استخدام <link> العلامة.
إشارة:إذا كنت ترغب في تعلم المزيد حول معلومات القوالب، يرجى قراءة دليل دروس CSS.
ملاحظة:إذا لم يتم استخدام خاصية "المحدود"، فإن كل علامة <style> يجب أن تكون في منطقة الرأس head.
خصائص "المحدود" هي خاصية جديدة في HTML5، تسمح لنا بتحديد الستايلات للجزء المحدد من الوثيقة وليس للوثيقة بأكملها.
إذا تم استخدام خاصية "المحدود"، فإن الستايل المحدد يمكن تطبيقه فقط على العنصر الأم لـ style وكل العناصر الفرعية.
جديد: خصائص جديدة في HTML5.
| الخصائص | القيمة | الوصف |
|---|---|---|
| media | media_query | تحديد أنواع وسائط مختلفة للستايلات. |
| المحدودHTML5 | المحدود | إذا تم استخدام هذا الخصائص، فإن الستايل سيطبق فقط على العنصر الأم لـ style وكل العناصر الفرعية. |
| النوع | text/css | تحديد نوع MIME للستايلات. |
دعم <style> علامة خصائص العولمة في HTML.
دعم <style> علامة خصائص الحدث في HTML.
دليل دروس HTML:HTML CSS
دليل مرجع HTML DOM:مفهوم Style