Veturia border-image-outset

Veturia border-image-outset lejon që korniza të zhvendoset përtej kufijve të elementit. Si vlerë përcaktohet një numër pa njësi matëse ose çdo njësi për përmasa, përveç përqindjeve. Nëse përcaktohet një numër pa njësi, atëherë ai është një shumëzues, me të cilin shumëzohet vlera e veturisë border-width. Vlerat negative nuk mbështeten.

Për informacion më të detajuar mbi imazhet për kufirin shikoni veturinë border-image.

Sintaksa

përzgjedhësi {
	border-image-outset: numër pozitiv;
}

Shembull . Numër

Le të vendosim vlerën border-image-outset në 3 kur kursori i miut kalon mbi element. Në këtë rast kufiri do të zhvendoset për 26px*3 - 3 herë më larg, se gjerësia e tij, e cila është caktuar në 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;
}

Shembull . Piksel

Le të vendosim vlerën border-image-outset në 30px kur kursori i miut kalon mbi element. Në këtë rast kufiri do të zhvendoset për 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;
}

Shihni gjithashtu

veturia border-image,
e cila është një shkurtim për kufirin-imazh
veturia border-image-source,
e cila cakton shtegun për imazhin e kufirit
veturia border-image-slice,
e cila ndan imazhin për kufirin
veturia border-image-repeat,
e cila përsërit imazhin për kufirin
veturia border-image-width,
e cila cakton përmasat e imazhit për kufirin