CSS'de underline Nedir?

CSS'de underline, metnin altına çizgi çizmek için kullanılan bir özelliktir. Metnin altına çizgi çizmek, genellikle bağlantıların altını çizmek için kullanılır ve kullanıcıların tıklanabileceği anlamına gelir.
Underline özelliği, tekstil özellikleri arasındadır ve `text-decoration` özelliği altında kullanılır. Bu özelliği kullanmak için, önce metnin hangi kısmının altına çizgi çizileceğini belirlememiz gerekir. Bu, örneğin, `a` etiketleri içindeki bağlantı metinleri için geçerlidir.
Bir örnek kod şu şekilde görünebilir:
```css
a {
text-decoration: underline;
}
```
Bu kod, tüm bağlantı metinlerinin altına çizgi çizer. Ancak, yalnızca belirli bağlantılar altına çizgi çizmek istiyorsak, bunun için spesifik bir seçici kullanabiliriz. Örneğin, yalnızca menü bağlantıları altına çizgi çizmek istiyorsak:
```css
.nav a {
text-decoration: underline;
}
```
Bu kod, `.nav` sınıfına sahip tüm bağlantıların altına çizgi çizer.
Ayrıca, underline özelliği farklı stil, kalınlık ve rengi ayarlayabileceğimiz diğer alt özelliklere de sahiptir. Örneğin, altı çizgi kalınlığını değiştirmek için:
```css
a {
text-decoration: underline 3px; /* altı çizgi kalınlığı 3 piksel */
}
```
Altı çizgi stilini değiştirmek için:
```css
a {
text-decoration: underline dotted; /* noktalı altı çizgi stil */
}
```
Ve altı çizgi rengini değiştirmek için:
```css
a {
text-decoration: underline #F00; /* kırmızı altı çizgi rengi */
}
```
Tüm bu özellikler, bağlantı metinlerinin altına çizgi çizerken stil, kalınlık ve renk gibi özelliklerde özelleştirebileceğimiz yeni olanaklar sunabilir.