CSSのborder属性の特徴について紹介します。

この記事では、CSS の border 属性の特徴について説明します。必要な方は参考にしていただければ幸いです。

略称の順序: width-style-color

例: p{border:1px Solid red;}

各属性の特徴を略称の順序で紹介します:

1.border-width:medium (デフォルト。Medium) ) :thin;thick;thick;length;inherit;

2. border-style: none (デフォルト。なし); hidden (境界線の競合を解決するために使用されるテーブルに適用される場合を除き、none と同じ)。点線（破線）、二重（二重線）、溝（3D 埋め込み）;

3、border-color:color(name, hexadicial, rgb);

4、border-radius: 0 (デフォルト値);

値を割り当てることもできます。個別に: border-top-right-radius; border-bottom-left-radius;

5. border-image: ソース スライス幅の繰り返し。値はデフォルト値です

例:

div｛
    border-image:url(img.png) 30 30 round;
    -webkit-border-image:url(img.png) 30 30 round;/*safari 5 and older*/
    -o-border-image:url(img.png) 30 30 round;/*Opera*/
｝

6. box-shadow: 0px 8px 16px 0px rgba (0,0,0,0.2)

0.2 は透明度を表します

注: ie9+ は border-radius と box をサポートしています-shadow プロパティ ;firefox、chrome、opera および safafi はすべての新しいボーダー属性 (つまり、border-radius、border-image および box-shadow) をサポートします。border-image の場合は、safari5 およびそれ以前のバージョンには接頭辞 -webkit- が必要です。接頭辞 - o-;

関連する推奨事項:

CSS の border-collapse_html/css_WEB-ITnose について

CSS border-left-colorattribute_html/css_WEB-ITnose

以上がCSSのborder属性の特徴について紹介します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。