7-border (kenarlık)
Yukarıda anlatılan özelliklere tek bir defada değer atamak için kullanılınır.
Border: || border-width || border-style || border-color||
Özelliklere yukarıdaki sıraya göre değer atanır.
1 views
6-border-top – color , border-bottom-color , border-left-color, border-right-color
Kutunun tüm kenarları için ayrı ayrı renk tanımlaması yapabilirsiniz.
border-top –width : kutunun üst çizgisi için renk tanımlaması
border-bottom-width: kutunun alt çizgisi için renk tanımlaması
border-left-width: kutunun sol çizgisi için renk tanımlaması
border-right-width: kutunun sağ çizgisi için renk tanımlaması
Örnek:
Not: Kutunun kenarlık çizgisinin temel olarak 3 özelliğini gördük style,width,color siz herhangi bir kutu çizgisine özel olarak bu 3 değeri aynı anda atayabilirsiniz Örneğin kutunun sol kenar çizgsine aşağıdaki özellikleri atayalım;
Yukarıdaki şekilde yazarak kutunun sol kenar çizgisi için style,width,color tanımlamaları yapabilirsiniz bu tanımlamaları kutunun herhangi bir çizgisi için tek bir defada yapmak mümkündür.
Kutunun herhangi bir kenarına özel Tanımlama border-width border-style border-color sırasına göre yapılmalıdır.
Border-top: kutunun üst çizgisi için tanımlama || border-top-width || border-top-style || border-top-color||
Border-bottom:kutunun alt çizgisi için tanılama
Border-left: kutunun sol çizgisi için tanımlama
Border-right:kutunun sağ çizgisi için tanımlama
6 views
5-border-color(kenarlık rengi)
Kutunun Kenarlık çizgilerine renk atamak için kullanılınır.
4 views
4-border-top – width , border-bottom-width , border-left-width, border-right-width
Kenar çizgilerinin ayrı ayrı genişliğini ayarlamak için kullanılırlar.
border-top –width : kutunun üst çizgisinin genişliğini ayarlamak için kullanılınır.
border-bottom-width: kutunun alt çizgisinin genişliğini ayarlamak için kullanılınır.
border-left-width: kutunun sol çizgisinin genişliğini ayarlamak için kullanılınır.
border-right-width: kutunun sağ çizgisinin genişliğini ayarlamak için kullanılınır.
Örnek:
2 views
