Ciri text-shadow
Ciri text-shadow menetapkan bayangan untuk teks.
Sebagai nilai, ciri menerima 4
parameter, disenaraikan dengan ruang, atau
kata kunci none, yang membatalkan bayangan
secara keseluruhan (nilai ini adalah lalai).
Sintaks
pemilih {
text-shadow: anjakan_x anjakan_y kelimunan warna;
}
pemilih {
text-shadow: none;
}
Parameter
| Parameter | Keterangan |
|---|---|
| anjakan x |
Menetapkan anjakan bayangan pada paksi X.
Nilai positif menggeser ke kanan, nilai negatif - ke kiri. |
| anjakan y |
Menetapkan anjakan bayangan pada paksi Y.
Nilai positif menggeser ke bawah, nilai negatif - ke atas. |
| kelimunan |
Menetapkan kelimunan (blur) bayangan.
Semakin besar nilai - semakin kabur bayangan tersebut. Parameter pilihan. Jika tidak dinyatakan - bayangan akan tajam. |
| warna |
Menetapkan warna bayangan dalam sebarang unit untuk warna.
Parameter pilihan. Jika tidak dinyatakan - warna bayangan sama dengan warna teks. |
Anjakan pada paksi dan kelimunan dinyatakan dalam sebarang unit untuk saiz, kecuali peratusan.
Contoh
Mari kita geser bayangan ke bawah dan ke kiri dan tambahkan sedikit kelimunan:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 5px 5px 3px black;
}
:
Contoh . Bayangan Tajam
Sekarang mari kita buat bayangan berwarna merah, geser ia ke bawah dan ke kiri, tetapi buang kelimunan - bayangan akan menjadi tajam:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 10px 10px red;
}
:
Contoh . Bayangan Seragam
Kini bayangan tidak digeser, tetapi kelimunan telah ditambahkan padanya:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 0px 0px 3px black;
}
:
Lihat Juga
-
ciri
box-shadow,
yang menetapkan bayangan untuk kontena