Heim >Web-Frontend >CSS-Tutorial >Legen Sie die Breite des Rahmenbilds mithilfe von CSS fest

Legen Sie die Breite des Rahmenbilds mithilfe von CSS fest

王林
王林nach vorne
2023-08-26 22:09:281264Durchsuche

使用 CSS 设置边框图像宽度

border-image-width-Eigenschaft wird verwendet, um die Rahmenbildbreite über CSS festzulegen.

Beispiel

Sie können versuchen, den folgenden Befehl auszuführen, um den Code der Eigenschaft „border-image-width“ zu implementieren –

Live-Demo

<html>
   <head>
      <style>
         #borderimg1 {
            border: 15px solid transparent;
            padding: 15px;
            border-image-source: url(https://tutorialspoint.com/css/images/border.png);
            border-image-repeat: round;
            border-image-slice: 40;
            border-image-width: 20px;
         }
      </style>
   </head>
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>

Das obige ist der detaillierte Inhalt vonLegen Sie die Breite des Rahmenbilds mithilfe von CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen