javascript borderStyle属性
翻訳結果：
UK [ˈbɔ:də stail] US [ˈbɔrdɚ staɪl]
エッジ スタイル
javascript borderStyle属性構文
関数: 4 つの境界線すべての境界線スタイルを設定または返します。
構文: Object.style.borderStyle=style
パラメータ: none 境界線を定義しません。 hidden は「なし」と同じです。ただし、テーブルに適用される場合は例外で、境界線の競合を解決するために非表示が使用されます。 dotted は点線の境界線を定義します。ほとんどのブラウザでは実線として表示されます。破線は破線を定義します。ほとんどのブラウザでは実線として表示されます。実線は実線を定義します。 double は二重線を定義します。二重線の幅は、border-width の値と同じです。グルーブは 3D グルーブの境界を定義します。効果はborder-colorの値によって異なります。 ridge は 3D リッジ境界を定義します。効果はborder-colorの値によって異なります。 inset は 3D 差し込み枠を定義します。効果はborder-colorの値によって異なります。アウトセットは 3D アウトセットの境界線を定義します。効果はborder-colorの値によって異なります。
javascript borderStyle属性例
<html>
<head>
<style>
p
{
border: thick solid #FF0000
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.borderStyle="dotted double";
}
</script>
</head>
<body>
<form>
<input type="button" onclick="changeBorder()"
value="Change paragraph border style" />
</form>
<p id="p1">This is a paragraph</p>
</body>
</html>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します