CSS ile Kenarlık Ekleme 

Kenar Çizgisi Özellikleri

Kenar(border) çizgisi özellikleri ile kenar çizgisinin biçimini, rengini ve kalınlığını ayarlanabilir. Tüm kenarlara veya ayrı ayrı her kenara bu ayarları uygulayabiliriz.  Tüm kenarlar border-(top, right, bottom, left ) şeklinde ayrı ayrı özellik alabilir. Bu özellikler şunlardır:

CSS KODU	AÇIKLAMA	KULLANIM ŞEKLİ
border-style	Kenarlık doku tipi	border-style:solid; *Style alabileceği değerleri aşağıdadır. Dotted: Noktalı çizgi …….. dashed: Kesik çizgilerden oluşan çizgi----- Solid:     Düz çizgi___________ Double: Çift çizgi
border-color	Kenarlık rengi Tek tek tüm kenarlıllara renk verilebilir. (top-right-bottom-left) Tek satırda da verilebilir: Border-color: red yellow blue green;	Border-color:red;  border-top-color (üst kenar çizgisi rengi) border-right-color (sağ kenar çizgisi rengi) border-bottom-color (alt kenar çizgisi rengi)  border-left-color (sol kenar çizgisi rengi)
border-width	Kenarlık kalınlığı	border-width:3px;
border:	Tek satırda kalınlık renk stil vermek için	Border:5px solid red;
border-radius	Kenarlığın köşe yuvarlaklığı	border-radius:10px;
maxwidth, maxheight	Genişliğin ve yüksekliğin alabileceği en üst değeri	maxwidth:400px; maxheight:250px;
minwidth, minheight	Genişliğin ve yüksekliğin alabileceği en alt değeri	minwidth:10px; minheight:10px;
margin	Kenarlık dışı boşluk	margin:15px; margin-left:10px; margin:10px 5px 8px 20px; margin:5px 10px; margin:10 px auto;
-padding	Kenarlık içi boşluk	padding:10px; padding-bottom:5px;

not: border özelliğinin tek satırda kullanımı: border: solid 5px blue;

Border-style özelliğinin alabileceği değerler:

Dotted:   Noktalı çizgi

 

dashed: Kesik çizgilerden oluşan çizgi

 

Solid:      Düz çizgi

 

Double:   Çift çizgi