Kipengele cha border-image-outset

Kipengele border-image-outset huruhusu kusogeza mpaka uwe nje ya kipengele. Thamani inabainisha nambari bila kubainisha vitengo vyo kupimia au vitengo vyo ukubwa, isipokuwa asilimia. Ikiwa imebainishwa nambari bila vitengo, basi ni kizidisho, ambacho huzidishwa na thamani za kipengele border-width. Thamani hasi hazitumiki.

Kwa habari za kina kuhusu picha za mpaka angalia kipengele border-image.

Syntaxi

kichaguli {
	border-image-outset: nambari chanya;
}

Mfano . Nambari

Weka thamani ya border-image-outset kuwa 3 unapoelea kipengele na kifaa cha kusokota. Hapo mpaka utasogea hadi 26px*3 - mara 3 mbali zaidi kuliko upana wake, uliowekwa katika border-width:

<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;
}

Mfano . Pikseli

Weka thamani ya border-image-outset kuwa 30px unapoelea kipengele na kifaa cha kusokota. Hapo mpaka utasogea hadi 30px:

<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;
}

Angalia pia

kipengele border-image,
ambacho ni kifupi cha mpaka-kuwa-picha
kipengele border-image-source,
ambacho huweka anwani ya picha ya mpaka
kipengele border-image-slice,
ambacho mgawanyiko wa picha ya mpaka
kipengele border-image-repeat,
ambacho kurudia picha ya mpaka
kipengele border-image-width,
ambacho huweka ukubwa wa picha ya mpaka