Yazılım Örnekleri

css kenarları ayrı ayrı şekillendirmek

Elementlerin; yukarı (top), aşağı (bottom), sağ (right) ve sol (left) kenarları ayrı ayrı biçimlendirebiliriz.

border-top -> Yukarı
border-left -> Sol
border-bottom -> Aşağı
border-right -> Sağ

şeklindedir.

border-left-style - Sol kenarın şekli.
border-right-style - Sağ kenarın şekli.
border-top-style - Üst kenarın şekli.
border-bottom-style - Alt kenarın şekli.

Ayrıca border-style dört, üc yada iki kenarın değerini de tek seferde yazılabiliriz. 

Örneğin saat yönünde üst, sağ, alt, sol şeklinde yazımı;
border-style: Üst kenar Sağ kenar Alt kenar Sol kenar; şekinde dortlu yazabiliriz. Yani;
border-style: dotted solid double dashed;

  
Sol ve sağ kenar aynı olacaksa;
border-style: Üst kenar Sağ/Sol kenar Alt kenar; şeklinde uclu yazabiliriz. Yani;
border-style: dotted solid double;
 

Eğer sol sağ ikisi ikisi birbiriyle aynı, üst ve altta birbiriyle aynı olacaksa
border-style: Üst/alt kenar Sağ/Sol ; şeklinde ikili yazabiliriz. Yani;
border-style: dotted solid;

Bu kurallar sadece border-style ile ilgili değildir. border-left/right/top/bottom-color, border-left/right/top/bottom-width şeklinde de kullanabiliriz.