CSS3 Własność border-image-slice

Przykłady

Wewnętrznie przesunięcie graniczną określoną zdjęcie:

div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.

属性
border-image-slice 15.0 11.0 15.0 6.0 15.0

Atrybut definicje i instrukcje

atrybut border-image -slice określa granica obrazu wewnątrz offset.

Domyślnie: 100%
Dziedziczenie: nie
Wersja: CSS3
Składnia JavaScript: object .style.borderImageSlice = "50% 50%"


gramatyka

border-image-slice:number|%|fill;

Uwaga: Ten atrybut określa obraz na górze, prawy, dolny, lewy brzeg migracja wewnętrzna, podzielony na dziewięć regionów: czterech rogach, czterech bokach i środku.Pośredni obraz zostanie odrzucony (proces całkowicie przezroczysty), chyba że wypełnienie słów kluczowych. Jeśli pominąć czwarty numer / procent niego, a drugi taki sam. Jeśli także pominąć trzecią, i to jest taki sam jak pierwszy. Jeśli także pominąć drugi, i jest taki sam jak pierwszy.

wartość wyjaśnienie
liczba Cyfrowa reprezentacja piksela obrazu (bitmapy) lub współrzędne wektora (jeśli obraz jest wektor obraz)
% Odsetek wielkości obrazu jest względne: wysokość poziomego szerokości obrazu korekcji pionowego przesunięcia obrazu
wypełniać Reserved pośrednia część obrazu