Definicja i Wykorzystanie
Własność border-image-slice określa sposób pokroić obraz określony przez granicznego-image-source . Obraz jest zawsze w plastrach na dziewięć części: czterech rogach, czterech krawędziach i na środku.
"middle" część jest traktowana jako w pełni przejrzyste, chyba że kluczowe wypełnienie jest ustawiony.
Wskazówka: Zobacz również na granicy obrazu własności (a shorthand property for setting all the border-image-* properties) .
| Domyślna wartość: | 100% |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.borderImageSlice="30%" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| border-image-slice | 15,0 | 11,0 | 15,0 | 6,0 | 15,0 |
Składnia CSS
border-image-slice:number|%|fill|initial|inherit;Note: Własność border-image-slice może trwać od jednego do czterech wartości. Jeśli wartość czwarty pominięte, to jest takie samo jak w drugim. Jeśli trzeci jest pominięta, to jest takie samo jak pierwszy. Jeśli drugi jest pominięta, to jest takie samo jak pierwszy.
wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| number | number(s) stanowią pikseli dla obrazów rastrowych lub współrzędne obrazów wektorowych | Graj " |
| % | Procenty odnoszą się do wysokości i szerokości obrazu | Graj " |
| fill | Powoduje, że środkowa część obrazu ma być wyświetlany | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Tutorial CSS3: Obrazy CSS3 graniczne
CSS: border-image-outset property
CSS: border-image-repeat property
CSS: border-image-source property
CSS: border-image-width property
HTML DOM referencyjny: borderImageSlice property