CSS-Attribut „border-image-slice“.

Grenze

Englisch [ˈbɔ:rdə(r)]

n. Rand; Kante; Umhüllung

vt., in On die Seite von...

vt. Entlang der Seite von..., um..., angrenzend...

vi Ungefähr, neben

Dritte Person Singular: Grenzen Plural: Grenzen Präsens Partizip: angrenzend Vergangenheit Zeitform: umrandet. Partizip Perfekt: umrandet. ; Symbol

Dritte Person Singular: Bilder Plural: Bilder Präsens Partizip: abgebildet

英[slaɪs] 美[slaɪs]

vt. In Scheiben geschnitten; teilen

n. Dünne Scheibe; Teil (ein Treffer aufgrund eines Fehlers) Curveball

Dritte Person Singular: Scheiben Partizip Präsens: Schneiden Partizip Perfekt: geschnitten

CSS-Attribut „border-image-slice“.Syntax

Funktion: Gibt den Versatz des Bildrandes nach innen an.

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

Beschreibung: number Numerischer Wert, der die Pixel (wenn es sich um ein Rasterbild handelt) oder Vektorkoordinaten (wenn es sich um ein Vektorbild handelt) darstellt ) im Bild. % Ein Prozentwert relativ zur Bildgröße: Die Breite des Bildes beeinflusst den horizontalen Versatz und die Höhe beeinflusst den vertikalen Versatz. Mit „fill“ bleibt der mittlere Teil des Randbilds erhalten.​

Hinweis: Dieses Attribut gibt den Innenversatz der oberen, rechten, unteren und linken Bildränder an. Das Bild ist in neun Bereiche unterteilt: vier Ecken, vier Seiten und einen mittleren Bereich. Sofern das Schlüsselwort „fill“ nicht verwendet wird, wird der mittlere Teil des Bildes verworfen. Wenn der vierte Wert/Prozentsatz weggelassen wird, ist er derselbe wie der zweite Wert. Wenn der dritte Wert weggelassen wird, ist er derselbe wie der erste Wert. Wenn der zweite Wert weggelassen wird, ist er derselbe wie der erste Wert.

CSS-Attribut „border-image-slice“.Beispiel

div{
border-image-source: url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-slice: 50% 50%;
}