CSS'de text-decoration Nedir?

text-decoration CSS özelliği, bir metnin altını çizme, üstünü çizme, çizgiye alma, altın nokta ile vurgulama ve kesikli altını çizme gibi çeşitli dekorasyonlarını belirlemek için kullanılır. Bu özellik, genellikle bir HTML belgesindeki bağlantıların vurgulanması için kullanılır.
Özellik Değerleri:
- none: Metnin bir dekorasyonu yoktur.
- underline: Metnin altı çizilir.
- overline: Metnin üstü çizilir.
- line-through: Metnin ortası çizilir.
- blink: Metin, hızlı bir şekilde yanıp söner.
- wavy: Metin, dalgalı bir çizgi kullanarak altı çizilir.
- double: Metnin altı çift çizgi olarak çizilir.
- dotted: Metnin altı noktalı olarak çizilir.
- dashed: Metnin altı kesikli çizgi olarak çizilir.
- solid: Metnin altı kesintisiz çizgi olarak çizilir.
Örnek Kodlar:
1. Altı çizili olmayan bir metin:
```
p {
text-decoration: none;
}
```
2. Metnin altı çizili:
```
a {
text-decoration: underline;
}
```
3. Metnin altı kesikli çizgi olarak çizili:
```
h1 {
text-decoration: dashed underline;
}
```
4. Metnin altı çift çizgi olarak çizili:
```
h2 {
text-decoration: double;
}
```
5. Metnin altı noktalı olarak çizili:
```
h3 {
text-decoration: dotted;
}
```
6. Metnin altı dalgalı bir çizgi kullanarak çizili:
```
h4 {
text-decoration: wavy;
}
```
Bu örnekler, text-decoration özelliğinin farklı değerlerinin nasıl kullanılabileceğini göstermektedir. Bu özellik, çeşitli etkiler yaratmak için birçok farklı değerle kombinasyon halinde kullanılabilir.