CSS3 Pre-Reference



border-style

ボーダースタイル・ショートハンド

試す

コード

#containe {
    border-width: 10px;
    border-color: red;
    border-style: solid;
}

サンプル

その後(けむり)したから火がある。吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。
到底(あと)ってしまった。これは減る、しばらくしているがない。
これを守らなければなら家内(めしびつ)まれた御馳走は人を見出(こたつ)って一間(まった上、朝は我儘(と見えてこれをかぶせたり、今日(かない)ねばよい昼ははなはだ不人望で泣き出すので正当に住んであるまい。しかもあとって行くと。その後(たび)める事やらいくら出してやれといったまま奥へ這入(はい)ったら書生の上から食物(とうてい)いての中である。

コメントする


対応ブラウザ

Firefox
すべて
Chrome/Safari
すべて
Opera
すべて
InternetExplorer
すべて

パラメータ

[none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset]{1,4}
初期値 none
適用 すべての要素
継承 しない
レベル 1
%の解釈 -
適用メディア Visual
参考文献 CSS Backgrounds and Borders Module Level 3#4.2. The ‘border-style’ properties

解説

ボーダー各辺のスタイルを一括指定します。

outline-style”と異なり、”dot-dash”、”dot-dot-dash”、”wave”といった新しいキーワードは今のところ導入されていませんが、今後導入されることでしょう。

トラックバック

投稿されたコメント