Bu yazımda CSS’te kenarlık belirleme, kenarlıkların biçimini ve rengini ayarlama gibi konulara değineceğim.

border-width: 5px; /* Kenarlık genişliği */
border-style: solid; /* Kenarlık stili */
border-color: #ccc;/* Kenarlık rengi */

Bu şekildeki kullanımda verdiğiniz değerler bütün kenarlara etki edecektir. Her kenar için ayrı ayrı düzenleme yapmak istiyorsak şu kodları kullanmalıyız:

border-top-style: dashed; /* Üst kenar için kenarlık stili */
border-top-width: 3px; /* Üst kenar için kenarlık yüksekliği */
border-top-color: #fff; /* Üst kenar için kenarlık rengi */

border-left-style: dotted; /* Sol kenar için kenarlık stili */
border-left-width: 5px; /* Sol kenar için kenarlık yüksekliği */
border-left-color: #ccc; /* Sol kenar için kenarlık rengi */

border-bottom-style: double; /* Alt kenar için kenarlık stili */
border-bottom-width: 6px; /* Alt kenar için kenarlık yüksekliği */
border-bottom-color: #ff4400; /* Alt kenar için kenarlık rengi */

border-right-style: groove; /* Sağ kenar için kenarlık stili */
border-right-width: 4px; /* Sağ kenar için kenarlık yüksekliği */
border-right-color: #eee; /* Sağ kenar için kenarlık rengi */

Bu kullanım pek tercih edilmez. Tercih edilen kullanım şu şekildedir:
Yazının devamını oku »