dotted: Noktalı bir çizgi gösterilir.
21-03-2024
19:13
Ö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:
- CSS border-bottom-style Özelliği: https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style
- CSS Kenarlıklar: https://www.w3schools.com/css/css3_borders.asp
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:
- CSS border-bottom-style Özelliği: https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style
- CSS Kenarlıklar: https://www.w3schools.com/css/css3_borders.asp
Umarım bu bilgiler yardımcı olmuştur!