CSS Type Selector
Type Selector digunakan untuk memberi style pada dokumen html berdasarkan tag / element tertentu, contoh: p {color: green}
yang artinya, element <p>...</p>
akan memiliki teks berwarna hijau.
Type selector terkadang disebut juga element selector.
Syntax
Penggunaan Sintaksis CSS Type Selector
Element {
Property: Value; /* Deklarasi CSS */
}
Example
Contoh CSS type
Contoh berikut, di dalam html terdapat dua element. Element pertama yaitu <h1>...</h1>
dan elemen kedua <section>...</section>
<h1>Panduan CSS Type Selector</h1>
<section>Ini adalah Section</section>
Kemudian, didalam CSS, kita medeklarasikannya dengan nama element tersebut secara langsung.
h1 {
font-family: Georgia, serif;
}
section {
font-family: Helvetica, Arial, sans-serif;
}
Contoh Lengkap
Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<title>Tutorial Type Selector Bahasa Indonesia</title>
<style>
h2 {color: tomato}
p {color: #555}
</style>
</head>
<body>
<h2>Tutorial Type Selector</h2>
<p>
Type Selector disebut juga <em>tag selector</em> atau <strong>Element Selector</strong> adalah selector paling sederhana untuk memberi style berdasarkan Element/tag tertentu.
</p>
</body>
</html>
SHARE