UK [?b?:d? stail] US [?b?rd? sta?l]
エッジ スタイル
javascript borderStyle屬性 構(gòu)文
関數(shù): 4 つの境界線(xiàn)すべての境界線(xiàn)スタイルを設(shè)定または返します。
構(gòu)文: Object.style.borderStyle=style
パラメータ: none 境界線(xiàn)を定義しません。 hidden は「なし」と同じです。ただし、テーブルに適用される場(chǎng)合は例外で、境界線(xiàn)の競(jìng)合を解決するために非表示が使用されます。 dotted は點(diǎn)線(xiàn)の境界線(xiàn)を定義します。ほとんどのブラウザでは実線(xiàn)として表示されます。破線(xiàn)は破線(xiàn)を定義します。ほとんどのブラウザでは実線(xiàn)として表示されます。実線(xiàn)は実線(xiàn)を定義します。 double は二重線(xiàn)を定義します。二重線(xiàn)の幅は、border-width の値と同じです。グルーブは 3D グルーブの境界を定義します。効果はborder-colorの値によって異なります。 ridge は 3D リッジ境界を定義します。効果はborder-colorの値によって異なります。 inset は 3D 差し込み枠を定義します。効果はborder-colorの値によって異なります。アウトセットは 3D アウトセットの境界線(xiàn)を定義します。効果は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>インスタンスの実行 ?
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します