CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSで境界線の画像幅を設定する

border-image-widthプロパティは、CSSで境界線の画像の幅を設定するために使用されます。

例

次のコードを実行して、border-image-widthプロパティを実装してみてください-

<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>

  1. CSSを使用して左の境界線の幅を設定します

    左の境界線の幅を設定するには、 border-left-widthを使用します CSSのプロパティ。次のコードを実行して、 border-left-widthを実装してみてください。 プロパティ- 例 <!DOCTYPE html> <html>    <head>       <style>          p {             border-style: dashed; &

  2. CSSを使用して背景画像として放射状グラデーションを設定します

    Radial-gradient（）CSS関数を使用して、背景画像として放射状グラデーションを設定します。次のコードを実行して、CSSでlinear-gradient（）関数を実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;