CSS3 properti text-shadow
contoh
bayangan teks dasar (text-shadow):
h1
{
text-shadow: 2px 2px # ff0000;
}
{
text-shadow: 2px 2px # ff0000;
}
Coba »
Di bagian bawah halaman ini untuk lebih banyak contoh.
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
| 属性 | |||||
|---|---|---|---|---|---|
| text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
Definisi atribut dan petunjuk
Properti text-shadow berlaku shadow teks.
| default: | tak satupun |
|---|---|
| warisan: | ya |
| versi: | CSS3 |
| sintaks JavaScript: | keberatan .style.textShadow = "2px 2px # ff0000" |
tatabahasa
text-shadow:h-shadow v-shadow blur color;
Catatan: properti text-shadowterhubung ke satu atau lebih dari teks bayangan. Properti adalah bayangan, yang ditunjuk setiap dua atau tiga nilai panjang dan nilai warna opsional dipisahkan dengan koma. Menghabiskan panjang 0.
| nilai | deskripsi |
|---|---|
| h-shadow | Diperlukan. Posisi bayangan horizontal. Izinkan negatif. |
| v-shadow | Diperlukan. Posisi vertikal bayangan. Izinkan negatif. |
| kekaburan | Opsional. jarak Fuzzy. |
| warna | Opsional. warna bayangan. Lihat nilai warna CSS . |
contoh yang lebih
Teks bayangan kabur
Contoh ini menunjukkan teks bayangan kabur.
teks putih pada bayangan teks
Contoh ini menunjukkan bayangan teks teks putih.
Neon bayangan cahaya teks
Contoh ini menunjukkan penggunaan teks bayangan cahaya neon.
Artikel terkait
CSS3 tutorial: CSS3 Efek Teks
