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