Свойство border-image-slice

Свойство border-image-slice браузерга, расмнинг кайси кисмлари бурчакларга, кайсилари эса томонларга ўтадиганлигини (ва марказий кисм қандай бўлишини) кўрсатади. Бурчакларга 4 та кисм ўтади, томонларга 4 та кисм ўтади ва бир кисм (марказий) элементнинг фонга ўтади (ихтиёрий, fill калит сўзи).

Батафсил маълумот учун border-image свойствасига қаранг.

Синтаксис

<+css+> селектор { border-image-slice: 1-дан 4-гача сонлар | 1-дан 4-гача фоизлар; } <-css->

Сонлар ва фоизлар билан бирга fill калит сўзи бўлиши мумкин.

Қийматлар

Қиймат	Тавсиф
фоизлар	Фоизлар расм ҳажмига нисбатан ҳисобланади. Горизонталлар энига, вертикалар бўйига нисбатан.
сонлар	Сонлар - пикселлар (растрли расм учун) ёки координаталар (векторли расм учун). Ўлчов бирликлари кўрсатилмайди.
`fill`	Стандарт тартибда марказий кисм расмдан чиқариб ташланади. Уни ишлатиш учун сонлар ёки фоизлар билан бирга `fill` калит сўзини ишлатиш керак.

Параметрлар сони

Cмещение 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 свойстваси,
бу чегара учун расм силжишидир