Latest web development tutorials

HTML <style> tag

contoh

Menggunakan <style> elemen dalam dokumen HTML:

<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung <style> tag.


Tag definisi dan petunjuk

<Gaya> mendefinisikan informasi gaya dalam dokumen HTML.

Dalam elemen <style>, Anda dapat menentukan browser bagaimana untuk membuat dokumen HTML.

Setiap dokumen HTML dapat berisi beberapa tag <style>.


Tips dan Catatan

Tip: Untuk menghubungkan style sheet eksternal, gunakan <link> tag.

Tip: Untuk mempelajari lebih lanjut tentang style sheet, baca tutorial CSS .

CATATAN: Jika Anda tidak menggunakan "scoped" properti, masing-masing <style> tag harus berada di kepala kepala daerah.


Perbedaan antara HTML 4.01 dan HTML5

"Scoped" atribut dalam HTML 5 adalah properti baru, yang memungkinkan kita untuk menentukan gaya untuk bagian tertentu dari dokumen, daripada seluruh dokumen.
Jika Anda menggunakan "scoped" atribut, maka gaya dapat diterapkan hanya untuk elemen induk elemen gaya yang ditentukan dan elemen anaknya.


milik

Baru: HTML5 properti baru.

属性 描述
media media_query 为样式表规定不同的媒体类型。
scoped New scoped 如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
type text/css 规定样式表的 MIME 类型。


Properti global

<Style> tag mendukung HTML sifat global yang .


Properti acara

<Style> tag mendukung HTML sifat acara .


Artikel terkait

HTML Tutorial: HTML CSS

HTML DOM Referensi: Gaya Objects