0 (555)106 23 45

KENARLIK VERMEK VEYA KÖŞELERİ YUVARLAMAK İÇİN KULLANDIĞIMIZ CSS KODLARI VE ANLAMLARI

borderBir Html öğesinin 4 tarafına birden kenarlık vermek için kullanılır.
border-leftBir Html öğesine sol kenarlık vermek için kullanılır.
border-rightBir Html öğesine sağ kenarlık vermek için kullanılır.
border-bottomBir Html öğesine alt kenarlık vermek için kullanılır.
border-topBir Html öğesine üst kenarlık vermek için kullanılır.
border-colorBir Html öğesinin 4 tarafına birden kenarlık rengi vermek için kullanılır.
border-left-colorBir Html öğesine sol kenarlık rengi vermek için kullanılır.
border-top-colorBir Html öğesine üst kenarlık rengi vermek için kullanılır.
border-right-colorBir Html öğesine sağ kenarlık rengi vermek için kullanılır.
border-bottom-colorBir Html öğesine alt kenarlık rengi vermek için kullanılır.
border-styleBir Html öğesinin 4 tarafına birden kenarlık stili (tek çizgi, çift çizgi, noktalı vb..) vermek için kullanılır. border-style özelliğine şu değerleri verebiliyoruz:
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
  • none
  • hidden
border-right-styleBir Html öğesine sağ kenarlık stili (tek çizgi, çift çizgi, noktalı vb..) vermek için kullanılır.
border-top-styleBir Html öğesine üst kenarlık stili (tek çizgi, çift çizgi, noktalı vb..) vermek için kullanılır.
border-left-styleBir Html öğesine sol kenarlık stili (tek çizgi, çift çizgi, noktalı vb..) vermek için kullanılır.
border-bottom-styleBir Html öğesine alt kenarlık stili (tek çizgi, çift çizgi, noktalı vb..) vermek için kullanılır.
border-widthBir Html öğesinin 4 tarafına birden kenarlık genişliği vermek için kullanılır.
border-top-widthBir Html öğesine üst kenarlık genişliği vermek için kullanılır.
border-right-widthBir Html öğesine sağ kenarlık genişliği vermek için kullanılır.
border-left-widthBir Html öğesine sol kenarlık genişliği vermek için kullanılır.
border-bottom-widthBir Html öğesine alt kenarlık genişliği vermek için kullanılır.
border-radiusBir Html öğesinin 4 köşesini birden yuvarlamak için kullanılır. Değer verirken px veya % (yüzde) olarak verebiliyoruz.
border-top-left-radiusBir Html öğesinin üst sol köşesini yuvarlamak için kullanılır.
border-top-right-radiusBir Html öğesinin üst sağ köşesini yuvarlamak için kullanılır.
border-bottom-left-radiusBir Html öğesinin alt sol köşesini yuvarlamak için kullanılır.
border-bottom-right-radiusBir Html öğesinin alt sağ köşesini yuvarlamak için kullanılır.
outlineBir Html öğesinin 4 tarafına birden (üst, sağ, alt, sol) dış kenarlık vermek için kullanılır.
outline-colorBir Html öğesinin 4 tarafına birden (üst, sağ, alt, sol) dış kenarlık rengi vermek için kullanılır.
outline-styleBir Html öğesinin 4 tarafına birden (üst, sağ, alt, sol) dış kenarlık stili (tek çizgi, çift çizgi, noktalı vb..) vermek için kullanılır. outline-style özelliğine şu değerleri verebiliyoruz:
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
outline-widthBir Html öğesinin 4 tarafına birden (üst, sağ, alt, sol) dış kenarlık genişliği vermek için kullanılır. Kenarlık genişliğini px, pt, cm, em, vb. ile belirleyebiliriz.