So verwenden Sie das Attribut „border-image-width'.

Das Attribut „border-image-width“ wird verwendet, um die Breite des Bildrandes anzugeben. Sie können 4 Werte festlegen, um den Randbildbereich in neun Teile des Versatzes zu unterteilen, die den oberen, rechten, unteren, links, und beide Seiten Innenabstand.

CSS3 border-image-width Eigenschaft

Funktion: Gibt die an Bild Die Breite des Randes.

Syntax:

border-image-width: number|%|auto;

Zahl: stellt ein Vielfaches der entsprechenden Rahmenbreite dar.

%: Die Größe des Referenzrahmenbildbereichs – die Höhe des Bereichs beeinflusst den horizontalen Versatz und die Breite beeinflusst den vertikalen Versatz.

auto: Wenn dieses Attribut angegeben ist, ist die Breite die inhärente Breite des entsprechenden Bildausschnitts.

Beschreibung: Die vier Werte des Attributs border-image-width geben den Versatz an, der das Randbild in neun Teile teilt. Sie repräsentieren Abstände nach innen vom oberen, rechten, unteren und linken Rand des Bereichs. Wenn der vierte Wert 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. Als border-image-width-Werte sind keine negativen Werte zulässig.

Hinweis: Internet Explorer 10 und frühere Versionen, Opera, Safari 5 und frühere Versionen unterstützen das Attribut „border-image-width“ nicht.

Beispiel für die Verwendung der CSS3-Eigenschaft „border-image-width“

div
{
border-image-source: url(https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-width: 30 30;
}

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Attribut „border-image-width'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!