Уласцівасць border-image-slice

Уласцівасць border-image-slice паказвае браўзеру, якія часткі выявы пойдуць на вугалкі, а якія на бакі (а якая частка будзе цэнтральнай). На вугалкі ідуць 4 часткі, на бакі ідуць 4 часткі і адна частка (цэнтральная) ідзе на фон элемента (апцыянальна, ключавое слова fill).

Для больш падрабязнай інфармацыі глядзіце ўласцівасць border-image.

Сінтаксіс

<+css+> селектар { border-image-slice: ад 1-га да 4-х лікаў | ад 1-га да 4-х працэнтаў; } <-css->

З лікамі і працэнтамі праз прабел можа стаяць ключавое слова fill.

Значэнні

Значэнне	Апісанне
працэнты	Працэнты разлічваюцца адносна памеру выявы. Гарызантальныя адносна шырыні, вертыкальныя — адносна вышыні.
лікі	Лікі - гэта пікселі (для растравай выявы) або каардынаты (для вектарнай). Адзінкі вымярэння не паказваюцца.
`fill`	Паводзіны па змаўчанні мяркуюць тое, што цэнтральная частка выявы будзе адкінутая. Для таго каб задзейнічаць яе, неабходна выкарыстоўваць ключавое слова `fill` у дадатак да лікаў або працэнтаў.

Колькасць параметраў

Зрух можа прымаць 1, 2, 3 або 4 параметра. Звярніце ўвагу на тое, што адзінкі вымярэння для зруху не пішуцца (напрыклад, проста 20, а не 20px). Таксама можна задаваць таўшчыню ў %.

Лік параметраў	Апісанне
`1`	Таўшчыня для ўсіх бакоў адначасова.
`2`	1 2; - `1px` для верху і нізу, `2px` для левай і правай.
`3`	`1 2 3`; - `1px` для верху, `2px` для левай і правай, `3px` для нізу.
`4`	`1 2 3 4`; - `1px` для верху, `2px` для правай, `3px` для нізу, `4px` для левай.

Значэнне па змаўчанні: 100%(?).

Прыклад

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

Прыклад

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

Глядзіце таксама

уласцівасць border-image,
якая з'яўляецца скарачэннем для мяжы-выявы
уласцівасць border-image-source,
якая задае шлях да выявы для мяжы
уласцівасць border-image-repeat,
якая паўтарэнне выявы для мяжы
уласцівасць border-image-width,
якая задае памер выявы для мяжы
уласцівасць border-image-outset,
якая задае зрух выявы для мяжы