Contoh
Penggunaan <style> elemen dalam dokumen HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Cobalah sendiri " Definisi dan Penggunaan
The <style> tag digunakan untuk mendefinisikan informasi style untuk dokumen HTML.
Dalam <style> elemen Anda menentukan bagaimana elemen HTML harus membuat dalam browser.
Setiap dokumen HTML dapat berisi beberapa <style> tag.
Dukungan Browser
| Elemen | |||||
|---|---|---|---|---|---|
| <style> | iya nih | iya nih | iya nih | iya nih | iya nih |
Tips dan Catatan
Tip: Untuk link ke style sheet eksternal, gunakan <link> tag.
Tip: Untuk mempelajari lebih lanjut tentang style sheet, baca Tutorial CSS .
Catatan: Jika "scoped" atribut tidak digunakan, masing-masing <style> tag harus berada di bagian kepala.
Perbedaan Antara HTML 4.01 dan HTML5
The "scoped" atribut baru dalam HTML5, yang memungkinkan untuk menentukan gaya untuk bagian tertentu dari dokumen. Jika "scoped" atribut hadir, gaya hanya berlaku untuk elemen induk gaya elemen dan elemen anak yang elemen.
atribut
= Baru di HTML5.
| Atribut | Nilai | Deskripsi |
|---|---|---|
| media | media_query | Menentukan apa yang media / perangkat media sumber daya dioptimalkan untuk |
| scoped | scoped | Menentukan bahwa gaya hanya berlaku untuk elemen induk ini elemen dan elemen anak yang elemen |
| type | text/css | Menentukan jenis media dari <style> tag |
Atribut global
The <style> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <style> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Tutorial HTML: HTML CSS
CSS tutorial: CSS Tutorial
Referensi HTML DOM: Style Object
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <style> elemen dengan nilai default berikut:
style {
display: none;
}