CSS text-shadow özelliği
- Önceki sayfa text-overflow
- Son sayfa text-transform
Tanım ve kullanım
text-shadow özniteliği, metne gölge ayarlar.
Daha fazla bilgi için bkz:
CSS3 eğitimi:CSS3 文本效果
HTML DOM referans el kitabı:textShadow özniteliği
Örnek
Temel metin gölgesi etkisi:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
Daha fazla örnek sayfa altında bulunmaktadır.
CSS dilbilgisi
text-shadow: h-shadow v-shadow blur color;
Yorum:text-shadow özniteliği, metne bir veya daha fazla gölge ekler. Bu özellik, virgülle ayrılmış gölge listesidir, her gölge iki veya üç uzunluk değeri ve bir seçmeli renk değeri ile belirlenir. Atlanmış uzunluk 0'dır.
Öznitelik değeri
| Değer | Açıklama | Test |
|---|---|---|
| h-shadow | Gerekli. Yatay gölgenin konumu. Negatif değerlere izin verilir. | Test |
| v-shadow | Gerekli. Dikey gölgenin konumu. Negatif değerlere izin verilir. | Test |
| blur | Opsiyonel. Bulanıklık mesafesi. | Test |
| color | Opsiyonel. Gölgenin rengi. Bakınız CSS Renk Değerleri. | Test |
Teknik ayrıntılar
| Öntanımlı değer: | yok |
|---|---|
| Devralabilirlik: | evet |
| Sürüm: | CSS3 |
| JavaScript dilbilgisi: | object.style.textShadow="2px 2px #ff0000" |
Daha fazla örnek
- Bulanık etki olan metin gölgesi
- Bu örnek, bulanık etki olan metin gölgesini göstermektedir.
- Beyaz metin üzerindeki gölge
- Bu örnek, beyaz metin üzerindeki metin gölgesini göstermektedir.
- Neon ışık etkisi olan metin gölgesi
- Bu örnek, neon ışık etkisi olan metin gölgesini göstermektedir.
Tarayıcı desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- Önceki sayfa text-overflow
- Son sayfa text-transform
