HTML <style> تاج

Kauyawa da amfani

<style> Tag zai iya kaiya kaiwa manyanin kawu na dokument (CSS).

A cikin <style> A cikin element, za a iya kaiya cewa element na HTML zai kaiwa a cikin browser.

Kamfani, style element shine manyanin kawu na CSS da aka yi amfani da shi a cikin HTML dokumentu, kuma link element shine manyanin kawu na amfani da shi domin kai kaiwa manyanin kawu daga kawun waje.

style element zai iya kaiwa a kowace ɗaya daga kowace ɗaya na HTML dokumentu. Dokumentu zai iya kaiwa style element da dama, kuma yana iya kaiwa amfani da shi kamar yadda ake samar da shi da engine na template, domin kuma ake amfani da shi domin kai kara kaiwa manyanin kawu na daidai da shi.

Ka gani kuma:

HTML Magana Kananin:تاجي CSS

CSS Magana Kananin:درسي CSS

HTML DOM Magana Kananin:Style Object

Shaidar

Kwamfani 1

A yi amfani da <style> Element zai yi amfani da manyanin kawu na yadda yake kaiwa HTML dokumentu:

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
</head>
<body>
<h1>Har kamar wannan yana kaiwa.</h1>
<p>Har kamar wannan yana kaiwa.</p>
</body>
</html>

Ajiye kai samu

Kwamfani 2

Kwamfani na dabbobi na wani element:

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
<style>
  h1 {color:green;}
  p {color:pink;}
</style>
</head>
<body>
<h1>Har kamar wannan yana kaiwa.</h1>
<p>Har kamar wannan yana kaiwa.</p>
</body>
</html>

Ajiye kai samu

Rarrabuwa da takaddum

Kamfani:Kai kiya ka aiki kawu, kuma yana zana HTML dokumentu kananin bayanin cikakken da ya kai sake kaiwa. Idan ana bayanin da aka yi wa selector (element) a cikin manyanin kawu da dama, za a yi amfani da kudaden da aka kaiwa a karshe a cikin kawun karshe (ka gani cikin shaidar da tsakiyar)!

توضیح:برای لینک دادن به استایل‌های خارجی، از <link> تاگ.

توضیح:برای اطلاعات بیشتر در مورد استایل‌ها، لطفاً بخوانید درسي CSS.

attribute

attribute value description
media media queries defining the media used for the style
type text/css defining the media type of the <style> tag

attributes global

<style> این برچسب‌ها از attributes of events نیز پشتیبانی می‌کنند attributes global in HTML.

attributes of events

<style> این برچسب‌ها از attributes of events نیز پشتیبانی می‌کنند attributes of events in HTML.

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها با تنظیمات پیش‌فرض زیر نمایش داده می‌شوند <style> عنصر:

style {
  display: none;
}

پشتیبانی مرورگر

کروم ایج فایرفاکس سافاری اُپرا
کروم ایج فایرفاکس سافاری اُپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی