borderStyle

枠(ボーダー)の形状を参照/設定します。設定できる値はCSSでの指定と全く同じです。半角空白で区切って辺ごとに指定することもできます。

構文

オブジェクト.style.borderStyle

例文

<html>
 <head>
  <title>borderStyle</title>
  <script type="text/javascript"><!--
  function changeCSS() {
   document.getElementById("result").style.borderStyle = "dashed dotted double inset";
  }
  // --></script>
 </head>
 <body>
 <div id="result" style="border:10px solid gray">Sample text</div>
 <form>
  <input type="button" value="Change" onClick="changeCSS()">
 </form>
 </body>
</html>

スポンサーリンク

関連記事

スポンサーリンク

cue サウンドアイコンに関する指定をまとめて行う

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る