tarihinde yayınlandı Yorum yapın

dotted: Noktalı bir çizgi gösterilir.

Noktalı Kenarlık (border-bottom-style: dotted)

dotted anahtar kelimesi, bir öğenin alt kenarlığını noktalı bir çizgi olarak gösterir. Noktaların boyutu ve aralığı tarayıcıdan tarayıcıya değişiklik gösterebilir.

Örnek:

HTML
<div class="element">
  Bu bir element.
</div>
CSS
.element {
  border-bottom-style: dotted;
}

Sonuç:

Noktalı kenarlık: [geçersiz URL kaldırıldı]

Ek Özellikler:

  • border-bottom-width: Alt kenarlığın genişliğini piksel cinsinden belirleyebilirsiniz. Örneğin, border-bottom-width: 2px; alt kenarlığı 2 piksel genişliğinde yapar.
  • border-bottom-color: Alt kenarlığın rengini hex kodu veya RGB değeri ile belirleyebilirsiniz. Örneğin, border-bottom-color: #ff0000; alt kenarlığı kırmızı yapar.

Örnek:

CSS
.element {
  border-bottom-style: dotted;
  border-bottom-width: 3px;
  border-bottom-color: #00ff00;
}

Sonuç:

Yeşil renkli, 3 piksel genişliğinde noktalı kenarlık: [geçersiz URL kaldırıldı]

Not: Farklı tarayıcılar, kenarlık stillerini farklı şekilde gösterebilir.

Daha Fazla Bilgi:

Umarım bu bilgiler yardımcı olmuştur!

  • groove: Oluklu bir çizgi gösterilir.

Oluklu Kenarlık (border-bottom-style: groove)

groove anahtar kelimesi, bir öğenin alt kenarlığını oluklu bir çizgi olarak gösterir. Olukların boyutu ve derinliği tarayıcıdan tarayıcıya değişiklik gösterebilir.

Örnek:

HTML
<div class="element">
  Bu bir element.
</div>
CSS
.element {
  border-bottom-style: groove;
}

Sonuç:

Oluklu kenarlık: [geçersiz URL kaldırıldı]

Ek Özellikler:

  • border-bottom-width: Alt kenarlığın genişliğini piksel cinsinden belirleyebilirsiniz. Örneğin, border-bottom-width: 2px; alt kenarlığı 2 piksel genişliğinde yapar.
  • border-bottom-color: Alt kenarlığın rengini hex kodu veya RGB değeri ile belirleyebilirsiniz. Örneğin, border-bottom-color: #ff0000; alt kenarlığı kırmızı yapar.

Örnek:

CSS
.element {
  border-bottom-style: groove;
  border-bottom-width: 3px;
  border-bottom-color: #00ff00;
}

Sonuç:

Yeşil renkli, 3 piksel genişliğinde oluklu kenarlık: [geçersiz URL kaldırıldı]

Not: Farklı tarayıcılar, kenarlık stillerini farklı şekilde gösterebilir.

Daha Fazla Bilgi:

Umarım bu bilgiler yardımcı olmuştur!

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir