css text-decoration özelliği en çok bir metnin altını çizmek(underline), üstünü çizmek(line-through) ya da metnin üzerine çizgi koymak(overline) için kullanılır. Bu makalede text-decation özelliğinin aldığı değerleri, açıklamasını ve örneklerini bulabileceksiniz.
CSS text-decoration Özelliği Nedir? Nasıl Kullanılır?
Kullanılabilir Seçenekler
| Değer | Açıklama |
|---|---|
| overline | Altını çizmek |
| line-through | Üstünü çizmek |
| overline | Altını çizmek |
İpucu: Linklerin metin dekorasyonunu tamamen kaldırmak için ekrandaki CSS kodu yazılır.
1 | a { text-decoration:none; } |
Tüm Seçeneklerin Kullanım Demosu
Özet
Makaleyi özetlersek eğer css text-decoration özelliği ile kullanabileceğiniz en yaygın 3 seçenek olduğunu ve bu 3 seçeneğin mobil veya desktop tüm ortamlardaki tarayıcılar tarafından desteklendiğini söyleyebiliriz. Bu 3 seçenek çok yaygın biçimde kullanılmaktadır. Örnek kullanım alanlarını söylemek gerekirse alttaki gibi örneklendirmek hiçte yanlış olmayacaktır.
- underline: genellikle altı çizili olarak belirttiğiniz bir text’in link olduğunu belirtmek yada ilgili text’i vurgulamak için kullanabilmekteyiz.
- overline: underline’da olduğu gibi üstü çizili olan bir text ile ilgili kullanıcıya text’inizi vurgulayabilirsiniz.
- line-through: çok eski bir makaleniz olduğunu varsayalım ve makalenin içerisinde ki bazı görüşlerinizin artık geçersiz kaldığını varsayalım bu görüşü makale içerisinde tamamen silmektense ilgili text’in üstünü çizerek artık geçersiz bir görüş olduğunu belirtebilirsiniz.
- none: bazen underline’da seçeneğinde yapmak istediklerimizden biri olan linklerin altını çizerek kullanıcıya tıklanabilir bir text olduğunu sadece altını çizerek değil ilgili text’i mavi renk yaparakta link olduğunu kullanıcıya belirtmek isteyebiliriz işte tamda bu durumda text-decoration özelliğini none yapıp text’in color’ını mavi renk yapıp tasarımınıza belki daha uyumlu hale çevirebilirsiniz tamamen sizin tercihiniz.
📚 CSS text-decoration Özelliği Benzeri Makaleler
- Doğal CSS değişkenlerini kullanalım!
- CSS Uppercase Türkçe Karakter Problemi
- CSS Sprite İçerisindeki Görseli Çerçeve Olarak Kullanma
✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.
