En son web geliştirme öğreticiler
 

Style textShadow Property

<Stil Nesne

Örnek

Bir metne gölge ekleyin:

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

Tanımı ve Kullanımı

textShadow özelliği, ayarlar veya bir metin için bir cevher daha fazla gölge efektleri döndürür.


Tarayıcı Desteği

Internet ExplorerFirefoxOperaGoogle ChromeSafari

textShadow özelliği tüm büyük tarayıcılarda desteklenir.

Not: textShadow özelliği Internet Explorer 9 ve önceki sürümlerde desteklenmez.


Sözdizimi

textShadow özelliğini Dönüş:

object .style.textShadow

textShadow özelliğini ayarlayın:

object .style.textShadow="none| Note: textShadow mülkiyet metne bir veya birden fazla gölgeler ekler. özelliği, her bir 2 ya da 3 uzunluk değerleri ve isteğe bağlı bir renk ile belirtilmiş gölgeler virgülle ayrılmış listesidir. Atlanmış uzunlukları 0 dır.

Mülkiyet Değerler

değer Açıklama
none Hiçbir gölge çizilir. Bu varsayılan
h-shadow Gereklidir. Yatay gölgenin konumu. Negatif değerler izin verilen
v-shadow Gereklidir. Dikey gölgenin konumu. Negatif değerler izin verilen
blur İsteğe bağlı. bulanıklık mesafesi
color İsteğe bağlı. Gölgenin rengi. Bak CSS Renk Değerleri olası renk değerlerinin tam listesi için
initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer: Yok
Geri dönüş değeri: gölge etkileri virgülle ayrılmış bir listesini gösteren bir String, elemanın metnine uygulanan
CSS Sürüm CSS3

Diğer Örnekler

Örnek

Metin gölge Dönüş:

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

İlgili Sayfalar

CSS öğretici: CSS3 Yazı Efektleri

CSS referansı: text-shadow property


<Stil Nesne