説明
outline-style: style; C2- ie8-
| 値: | none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit |
初期値：none、適用要素：すべて、継承：しない、%値：なし、メディア：ビジュアル インタラクティブ
アウトラインのスタイルを指定します。outline-styleに指定できる値は、<border-style>と同じですが、hiddenだけは指定することができません。
使用例
button {outline-style:dashed}
アウトラインのスタイル <border-style>と同じ値(ただしhiddenを除く) |
|
アウトラインのスタイルのレンダリング
<style type="text/css"><!--
span {outline:#0ff thick;}
.eg1 {outline-style:none;}
.eg2 {outline-style:dotted;}
.eg3 {outline-style:dashed;}
.eg4 {outline-style:solid;}
.eg5 {outline-style:double;}
.eg6 {outline-style:groove;}
.eg7 {outline-style:ridge;}
.eg8 {outline-style:inset;}
.eg9 {outline-style:outset;}
--></style>
<span class="eg1">outline-style:none;</span>
<span class="eg2">outline-style:dotted;</span>
<span class="eg3">outline-style:dashed;</span> <br><br>
<span class="eg4">outline-style:solid;</span>
<span class="eg5">outline-style:double;</span>
<span class="eg6">outline-style:groove;</span> <br><br>
<span class="eg7">outline-style:ridge;</span>
<span class="eg8">outline-style:inset;</span>
<span class="eg9">outline-style:outset;</span>
span {outline:#0ff thick;}
.eg1 {outline-style:none;}
.eg2 {outline-style:dotted;}
.eg3 {outline-style:dashed;}
.eg4 {outline-style:solid;}
.eg5 {outline-style:double;}
.eg6 {outline-style:groove;}
.eg7 {outline-style:ridge;}
.eg8 {outline-style:inset;}
.eg9 {outline-style:outset;}
--></style>
<span class="eg1">outline-style:none;</span>
<span class="eg2">outline-style:dotted;</span>
<span class="eg3">outline-style:dashed;</span> <br><br>
<span class="eg4">outline-style:solid;</span>
<span class="eg5">outline-style:double;</span>
<span class="eg6">outline-style:groove;</span> <br><br>
<span class="eg7">outline-style:ridge;</span>
<span class="eg8">outline-style:inset;</span>
<span class="eg9">outline-style:outset;</span>
ie8- ff2- o7- sf1- gc1-は対応しています。
