Border-image-outset häsiýeti

border-image-outset häsiýeti elementden daşary çägini aýyrmaga mümkinçilik berýär. Görnüşi hökmünde ölçeg birliklerini görkezmezden san ýa-da göterimlerden başga islendik ölçeg birlikleri görkezilýär. Eger birliksiz san görkezilse, onda ol köpeltmek sanydyr, border-width häsiýetiniň bahalary şol sanyň hasylydyr. Teris bahalar goldanylmaýar.

Çäginiň suratlar barada giňişleýin maglumat üçin border-image häsiýetine serediň.

Sintaksis

selektory {
	border-image-outset: pozitiw san;
}

Mysal . San

border-image-outset häsiýetiniň bahasyny 3 elementiň üstüne siçany getireniňizde belgiň. Şonda çäginiň ýeri 26px*3 - bu 3 esse, onuň ini border-width häsiýetinde kesgitlenenden uzakda üýtgediler:

<div id="elem"></div>

#elem:hover {
	border-image-outset: 3;
}
#elem {
	border-image-repeat: repeat;
	border-image-source: url("image.png");
	border-image-slice: 26;
	border-style: solid;
	border-width: 26px;
	width: 200px;
	height: 200px;
	background: green;
	margin: 100px auto;
}

Mysal . Piksel

border-image-outset häsiýetiniň bahasyny 30px elementiň üstüne siçany getireniňizde belgiň. Şonda çäginiň ýeri 30px üýtgediler:

<div id="elem"></div>

#elem:hover {
	border-image-outset: 30px;
}
#elem {
	border-image-repeat: repeat;
	border-image-source: url("image.png");
	border-image-slice: 26;
	border-style: solid;
	border-width: 26px;
	width: 200px;
	height: 200px;
	background: green;
	margin: 50px auto;
}

Şeýle-de serediň

çäginiň suratynyň gysga görnüşi bolan border-image häsiýeti
çäginiň suratynyň ýoluny kesgitleýän border-image-source häsiýeti
çäginiň suratyny bölüp görkezýän border-image-slice häsiýeti
çäginiň suratyny gaýtalaýan border-image-repeat häsiýeti
çäginiň suratynyň ölçegini kesgitleýän border-image-width häsiýeti