Veturia border-image-slice

Veturia border-image-slice i tregon shfletuesit, cilat pjesë të figurës do të shkojnë për qoshet, dhe cilat për anët (dhe cila pjesë do të jetë qendrore). Për qoshet shkojnë 4 pjesë, për anët shkojnë 4 pjesë dhe një pjesë (qendrore) shkon për sfondin e elementit (opsionale, fjala kyçe fill).

Për informacion më të hollësishëm shikoni veturinë border-image.

Sintaksa

<+css+> përzgjedhësi { border-image-slice: nga 1-ri te 4-të numra | nga 1-ri te 4-të përqindje; } <-css->

Me numra dhe përqindje përmes hapësirës mund të qëndrojë fjala kyçe fill.

Vlerat

Vlera	Përshkrimi
përqindje	Përqindjet llogariten në lidhje me madhësinë e figurës. Horizontale në lidhje me gjerësinë, vertikale — në lidhje me lartësinë.
numra	Numrat janë piksela (për figurën raster) ose koordinata (për vektoriale). Nuk tregohen njësitë matëse.
`fill`	Sjellja e paracaktuar supozon se pjesa qendrore e figurës do të hidhet poshtë. Në mënyrë që ta përdorni atë, është e nevojshme të përdorni fjalën kyçe `fill` si shtesë te numrat ose përqindjet.

Numri i parametrave

Zhvendosja mund të marrë 1, 2, 3 ose 4 parametra. Kushtojini vëmendje faktit që njësitë matëse për zhvendosjen nuk shkruhen (për shembull, thjesht 20, e jo 20px). Gjithashtu mund të caktohet trashësia në %.

Numri i parametrave	Përshkrimi
`1`	Trashësi për të gjitha anët njëkohësisht.
`2`	1 2; - `1px` për pjesën e sipërme dhe të poshtme, `2px` për të majtën dhe të djathtën.
`3`	`1 2 3`; - `1px` për pjesën e sipërme, `2px` për të majtën dhe të djathtën, `3px` për pjesën e poshtme.
`4`	`1 2 3 4`; - `1px` për pjesën e sipërme, `2px` për të djathtën, `3px` për pjesën e poshtme, `4px` për të majtën.

Vlera e paracaktuar: 100%(?).

Shembull

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

Shembull

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

Shihni gjithashtu

veturia border-image,
e cila është shkurtim për kufirin-figurë
veturia border-image-source,
e cila cakon rrugën për figurën e kufirit
veturia border-image-repeat,
e cila përsëritjen e figurës për kufirin
veturia border-image-width,
e cila cakon madhësinë e figurës për kufirin
veturia border-image-outset,
e cila cakon zhvendosjen e figurës për kufirin