TextShadow özelliğini tarzlandırın

Tanım ve kullanım

textShadow Özellik, metne bir veya daha fazla gölge etkisi ayarlar veya döndürür.

Daha fazla bilgi için bkz:

CSS eğitimi:CSS metin gölgesi

CSS referans el kitabı:Text-shadow özelliği

Örnek

Örnek 1

Metne gölge ekleyin:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";

Kişisel olarak deneyin

Örnek 2

Metin gölgesini döndürün:

alert(document.getElementById("myP").style.textShadow);

Kişisel olarak deneyin

Gramer

TextShadow özelliğini döndürün:

nesne.style.textShadow

TextShadow özelliğini ayarlayın:

nesne.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"

Yorum:TextShadow özelliği, metne bir veya daha fazla gölge ekler. Bu özellik, virgülle ayrılmış gölge listesidir, her gölge 2 veya 3 uzunluk değeri ve seçmeli bir renk içerir. Atlanan uzunluk 0'dır.

Özellik değeri

Değer Açıklama
none Gölge çizmez. Öntanımlı.
h-shadow Gerekli. Yatay gölge konumu. Negatif değerlere izin verilir.
v-shadow Gerekli. Dikey gölge konumu. Negatif değerlere izin verilir.
blur Opsiyonel. Bulanıklık mesafesi.
color

Opsiyonel. Gölgenin rengi.

Gözatın CSS renk değeriolası renk değerlerinin tam listesini elde etmek için.
initial Bu özelliği öntanımlı değerine ayarlar. Daha fazla bilgi için bkz. initial.
inherit Bu özelliği ebeveyn elementinden devralır. Daha fazla bilgi için bkz. inherit.

Teknik ayrıntılar

Öntanımlı değer: none
Dönüş değeri: Deliğinden ayrılmış, element metniye uygulanan gölge etkileri listesini temsil eden bir dizi karakter. Virgülle ayrılmıştır.
CSS sürümü: CSS3

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek 10.0 Destek Destek Destek