Properti text-shadow CSS
- Halaman sebelumnya text-overflow
- Halaman berikutnya text-transform
Definisi dan penggunaan
Atribut text-shadow menetapkan gelap teks ke teks.
Lihat pula:
Pelajaran CSS3:Efek teks CSS3
Panduan HTML DOM:Atribut textShadow
Contoh
Efek gelap teks dasar:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
Ada banyak contoh lainnya di dasar halaman.
Syntaks CSS
text-shadow: h-shadow v-shadow blur color;
Komentar:Atribut text-shadow menambahkan satu atau lebih gelap teks ke teks. Atribut ini adalah daftar gelap yang dipisahkan koma, setiap gelap memiliki dua atau tiga nilai panjang dan nilai warna pilihan untuk ditentukan. Panjang yang dilewati adalah 0.
Nilai atribut
| Nilai | Deskripsi | Pengujian |
|---|---|---|
| h-shadow | Diperlukan. Lokasi gelap horizontal. Memungkinkan nilai negatif. | Pengujian |
| v-shadow | Diperlukan. Lokasi gelap vertikal. Memungkinkan nilai negatif. | Pengujian |
| blur | Pilihan. Jarak kabur. | Pengujian |
| color | Pilihan. Warna gelap. Nilai Warna CSS. | Pengujian |
Detil teknis
| Nilai standar: | tidak ada |
|---|---|
| Inheritsi: | ya |
| Versi: | CSS3 |
| Syntaks JavaScript: | object.style.textShadow="2px 2px #ff0000" |
Beberapa contoh lainnya
- Gelap teks dengan efek kabur
- Contoh ini menunjukkan gelap teks dengan efek kabur.
- Gelap teks di atas teks putih
- Contoh ini menunjukkan gelap teks di atas teks putih.
- Teks dengan efek gelap warna
- Contoh ini menunjukkan teks dengan efek gelap warna.
Dukungan browser
Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- Halaman sebelumnya text-overflow
- Halaman berikutnya text-transform
