tutorial pengembangan web terbaru
 

HTML <style> Tag


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;
}