Lastnost border-image-slice

Lastnost border-image-slice določa brskalniku, kateri deli slike bodo uporabljeni za vogale, kateri za stranice (in kateri del bo osrednji). Za vogale grejo 4 deli, za stranice grejo 4 deli in en del (osrednji) gre za ozadje elementa (izbirno, ključna beseda fill).

Za podrobnejše informacije glejte lastnost border-image.

Sintaksa

<+css+> selektor { border-image-slice: od 1-ega do 4-ih števil | od 1-ega do 4-ih procentov; } <-css->

S števili in procenti skozi presledek lahko stoji ključna beseda fill.

Vrednosti

Vrednost	Opis
procenti	Procenti se izračunajo glede na velikost slike. Vodoravni glede na širino, navpični — glede na višino.
števila	Števila so slikovne pike (pri rastrski sliki) ali koordinate (pri vektorski). Merske enote niso navedene.
`fill`	Privzeto vedenje predvideva, da bo osrednji del slike zavržen. Da ga uporabite, morate uporabiti ključno besedo `fill` kot dodatek k številom ali procentom.

Število parametrov

Odmik lahko sprejme 1, 2, 3 ali 4 parametre. Bodite pozorni na to, da se merske enote za odmik ne pišejo (na primer, samo 20, ne pa 20px). Prav tako lahko določite debelino v %.

Število parametrov	Opis
`1`	Debelina za vse strani hkrati.
`2`	1 2; - `1px` za vrh in dno, `2px` za levo in desno.
`3`	`1 2 3`; - `1px` za vrh, `2px` za levo in desno, `3px` za dno.
`4`	`1 2 3 4`; - `1px` za vrh, `2px` za desno, `3px` za dno, `4px` za levo.

Privzeta vrednost: 100%(?).

Primer

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

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

Primer

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

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

Glejte tudi

lastnost border-image,
ki je okrajšava za sliko obrobe
lastnost border-image-source,
ki določa pot do slike za obrobo
lastnost border-image-repeat,
ki ponavlja sliko za obrobo
lastnost border-image-width,
ki določa velikost slike za obrobo
lastnost border-image-outset,
ki določa premik slike za obrobo