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

CSSボーダー画像プロパティ

CSS border-imageプロパティは、一部の要素に画像の境界線を追加するために使用されます。次のコードを実行して、border-imageプロパティを実装してみてください-

例

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

  1. CSSボーダー画像

    CSSのborder-imageプロパティは、最初は頭を悩ませるのが少し難しいです。この記事では、border-imageプロパティとは何か、それを使用する方法、およびさまざまなブラウザで使用する場合のその特異性について説明します。 CSS教育のこの時点で、borderプロパティが何であるかを知る必要があります。更新するには、要素の周囲の境界線を指定するために省略形を使用するプロパティです。構造は次のとおりです。 border: 2px /*width*/ dashed /*style*/ green; /*color*/ borderと

  2. CSSのborderShorthandプロパティ

    borderプロパティは、要素のborderプロパティを定義するために使用されます。これは、border-width、border-style、border-colorの省略形です。 構文 CSSボーダープロパティの構文は次のとおりです- Selector {    border: /*value*/ } 例 次の例は、CSSボーダープロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> img {    margin-top: 14px;