Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

青灯夜游
Freigeben: 2019-02-12 15:20:16
Original
3231 Leute haben es durchsucht

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.

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

CSS3 border-image-width Eigenschaft

Funktion: Gibt die an Bild Die Breite des Randes.

Syntax:

border-image-width: number|%|auto;
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!