borderWidth

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

構文

オブジェクト.style.borderWidth

例文

<html>
 <head>
  <title>borderWidth</title>
  <script type="text/javascript"><!--
  function changeCSS() {
   document.getElementById("result").style.borderWidth = "4px 8px 10px 20px";
  }
  // --></script>
 </head>
 <body>
 <div id="result" style="border:1px solid black">Sample text</div>
 <form>
  <input type="button" value="Change" onClick="changeCSS()">
 </form>
 </body>
</html>

関連記事

スポンサーリンク

文字コード表(コード対応表) 0x0

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

上に戻る