CSS3 border-image-Slice-Eigenschaft
Beispiele
Offset Innerlich Grenze angegeben Bild:
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
| 属性 | |||||
|---|---|---|---|---|---|
| border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Attributdefinitionen und Anweisungen
border-image -slice Attribut gibt die Bildgrenze nach innen versetzt.
| Standard: | 100% |
|---|---|
| Vererbung: | keine |
| Version: | CSS3 |
| JavaScript-Syntax: | Objekt .style.borderImageSlice = "50% 50%" |
Grammatik
border-image-slice:number|%|fill;
Hinweis: Dieses Attribut gibt das Bild an der Spitze, rechts, unten, links Rand nach innen Migration, aufgeteilt in neun Regionen: vier Ecken, vier Seiten und Mitte.Zwischenbild wird verworfen (vollständig transparent Prozess), es sei denn, in der Schlüsselwörter zu füllen. Wenn Sie die vierte Anzahl / Prozentsatz davon weglassen, und die zweite ist die gleiche. Wenn Sie wegzulassen auch den dritten, und es ist die gleiche wie die erste. Wenn Sie wegzulassen auch die zweite, und es ist die gleiche wie die erste.
| Wert | Erklärung |
|---|---|
| Anzahl | Digitale Darstellung des Bildpixel (Bitmap-Bilder) oder Vektorkoordinaten (wenn das Bild ist ein Vektor-Bild) |
| % | Der Prozentsatz der Bildgröße ist relativ: die Höhe der horizontalen Breite des Bildes versetzt sind, vertikal versetzt Bild |
| füllen | Reservierten Zwischenabschnitt des Bild |