Border kenarlık demektir. Alanımıza kenarlık veririz bunun bir sürü çeşitleri vardır.

Örneğin alanın sadece altına sadece soluna sadece sağına kenarlık ekleyebiliriz.

border color: border rengi. Örn: ( #fff, #eee , #000)
border style : border stilidir. Örn ( dashed-solid-dotted-inherit )
border-width: border boyutu. Örn: (1 px , 2px )
vb.

border-bottom: alanın altına kenarlık ekler.
border-top : alanın üstüne kenarlık ekler.
border-right : sağ tarafa.
border-left : sol tarafa

Fakat biz bir alanda sadece border satırını kullanırsak daha kısa ve kolay olur.Örneğin #header alanımız var. bun alana tek tek border color,border style gireceğimize sadece border girerek daha çabuk ve kolay halledebiliriz.

En kolay şu şekildedir :

border: 1px solid #fff ;
border: 3 px dashed #fff ;
border-bottom: 1px solid #eee ; gibi kullanırsanız hem daha çabuk kavarrız hemde daha çok zaman kazanırız.

karacoder yazdı