Uzun bir aradan sonra yeni bir makaleyle karşınızdayım. Bu makalemizde border nedir onu öğreneceğiz.

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.

Makaleyi kullanacaklar olanlar lütfen kaynak göstersinler.

+replerinizi bekliyorum