KAWANO's PukiWiki Plus! - 枠線関係をまとめた設定

枠線関係をまとめた設定

枠線関連のプロパティをまとめて設定するには、 border-???プロパティを設定します。

border-top: 上の枠線のプロパティ
border-bottom: 下の枠線のプロパティ
border-left: 左の枠線のプロパティ
border-right: 右の枠線のプロパティ
border: 上下左右の枠線のプロパティ

次のプロパティをまとめて設定することができます。

• 枠線の太さの設定
• 枠線の色の設定
• 枠線のスタイルの設定

設定したい値を、任意の順序で、半角スペースで区切って設定します。 設定しなかった場合は、初期値が指定されたことになります。

なお、 borderプロパティで、 上下左右の枠線を別々に設定することはできません。 注意してください。

.note{
  border-top: dotted 3px #ffcc00;
  border-left: dotted 3px #ffcc00;
  border-right: dotted 3px #ffcc00;
}
.example{
  border: double 6px #339966;
}

次へ進んでください。