ホーム > CSS > CSSプロパティ > -moz-outline-style

■-moz-outline-style

　枠線のスタイルを設定する事が出来ます。
　枠線のスタイルを設定するには、「-moz-outline-style」プロパティにより行います。

　しかし、本プロパティはMozillaの独自拡張となります。Mozillaは標準準拠を基本方針として開発されていますが、独自にCSSのプロパティをいくつか定義しています。実験的に実装しているものですので、将来削除されてしまう可能性があります。本プロパティを使用するのは止めた方が良いでしょう。

-moz-outline-style
枠線のスタイルを設定する事が出来ます。
設定値	説明
none	枠線表示無し
dotted	点線
dashed	破線
solid	実線
double	二重線
groove	立体的な溝形状の線
ridge	立体的な起伏形状の線
inset	立体的な溝形状の線
outset	立体的な起伏形状の線
inherit	継承

■ソース

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<TITLE>-moz-outline-style</TITLE>
<STYLE TYPE="text/css">

</STYLE>
</HEAD>
<BODY>

</DIV><BR>
<DIV CLASS="mos9">
夕焼け<BR><BR><BR>
<IMG SRC="Image3.jpg">

</BODY>
</HTML>

■実行例

「-moz-outline-width:none」となっています。

夕焼け
「-moz-outline-width:dotted」となっています。

夕焼け
「-moz-outline-width:dashed」となっています。

夕焼け
「-moz-outline-width:solid」となっています。

夕焼け
「-moz-outline-width:double」となっています。

夕焼け
「-moz-outline-width:groove」となっています。

夕焼け
「-moz-outline-width:ridge」となっています。

夕焼け
「-moz-outline-width:inset」となっています。

夕焼け
「-moz-outline-width:outset」となっています。

夕焼け

■対応ブラウザ

-moz-outline-style
設定値	IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6	O7
none	×	×	×	×	×	×	×	●	●	×	×
dotted	×	×	×	×	×	×	×	●	●	×	×
dashed	×	×	×	×	×	×	×	●	●	×	×
solid	×	×	×	×	×	×	×	●	●	×	×
double	×	×	×	×	×	×	×	●	●	×	×
groove	×	×	×	×	×	×	×	●	●	×	×
ridge	×	×	×	×	×	×	×	●	●	×	×
inset	×	×	×	×	×	×	×	●	●	×	×
outset	×	×	×	×	×	×	×	●	●	×	×
inherit	×	×	×	×	×	×	×	●	●	×	×

[ホーム] [CSS] [CSSプロパティ] [↑ページ最上部へ戻る]

簡単に1クリックで宣伝広告!!
個人が全ての検索エンジンやメルマガ等に登録していくのは、非常に大変な労力となっています。しかし、簡単に検索エンジン、リンク集、掲示板、メルマガの全てに1クリックでPRが出来てしまいます。