CSSスタイルのborder属性について詳しく解説

高洛峰
リリース: 2017-03-15 10:42:37
オリジナル
2728 人が閲覧しました

borderの詳細な使用法:

1,border-widthproperty境界線の幅を設定します

可能な値: ピクセル

2,border-styleプロパティは境界線のスタイルを設定します

可能な値: 実線 (直線)、破線 (破線)、点線 (点線)

2、border-colorプロパティは境界線の色を設定します

可能な値: red、#f00、#ff0000 , rgb (255,0 ,0),transparent

border-leftプロパティは左の境界線を設定します

border-rightプロパティは右の境界線を設定します

border-topプロパティは上の境界線を設定します

border -bottomプロパティは下枠を設定します

Extension extension

html code

ログイン後にコピー

css code

p { height: 20px; width: 20px; border-color: #FF9600 #3366ff #12ad2a #f0ed7a; border-style: solid; border-width: 20px; }
ログイン後にコピー

result

css code

p { width: 0px; height: 0px; border-color: #FF9600 #3366ff #12ad2a #f0ed7a; border-style: solid; border-width: 20px; }
ログイン後にコピー

result

CSSコード

p { width: 0px; height: 0px; border-color: lightblue transparent trnasparent transparent; border-style: solid; border-width: 20px; }
ログイン後にコピー

結果

CSSコード

p { width: 0px; height: 0px; border-color: transparent trnasparent pink; border-style: solid; border-width: 20px; }
ログイン後にコピー

結果

CSSコード

p { width: 0px; height: 0px; border-color: transparent gray trnasparent transparent; border-style: solid; border-width: 20px; }
ログイン後にコピー

結果

CSSコード

p { width: 0px; height: 0px; border-color: transparent transparent trnasparent lightgreen; border-style: solid; border-width: 20px; }
ログイン後にコピー

結果

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!