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

CSS3アウトラインオフセットプロパティ

アウトラインとは、境界線の外側の要素の周りに線を引くことを意味します。

例

次のコードを実行して、 CSS3を実装してみてください。 アウトラインオフセット プロパティ-

<html>
   <head>
      <style>
         div {
            margin: 20px;
            padding: 10px;
            width: 300px;
            height: 100px;
            border: 5px solid pink;
            outline: 5px solid green;
            outline-offset: 15px;
         }
      </style>
   </head>
   <body>
       <div>TutorialsPoint</div>
   </body>
</html>

  1. CSS3マルチカラムcolumn-countプロパティ

    CSS3の複数列のcolumn-countプロパティは、要素を分割する必要のある列の数をカウントするために使用されます。 次のコードを実行して、CSS-を使用してcolumn-countプロパティを実装してみてください。 例 <html>    <head>       <style>          .multi {             /* Column count property *

  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;