Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで下枠のスタイルを設定するにはどうすればよいですか？

下の境界線のスタイルを設定するには、JavaScript borderBottomStyleを使用します 財産。下の境界線を追加できます。

例

次のコードを実行して、下の境界線のスタイルを設定してみてください-

<!DOCTYPE html>
<html>
   <body>
      <div id="box">Demo Text</div>
      <br>
      <button onclick="display()">Click to set style of bottom border</button>
      <script>
         function display() {
            document.getElementById("box").style.borderBottomStyle = "dashed";
         }
      </script>
   </body>
</html>

  1. JavaScriptで要素の下マージンを設定するにはどうすればよいですか？

    marginBottomを使用します JavaScriptのプロパティ。下マージンを設定します。 例 次のコードを実行して、JavaScriptで要素の下マージンを設定することができます- <!DOCTYPE html> <html>    <body>       <p id="myID">This is demo text.</p>       <button type="button" onclick

  2. CSSで境界線のスタイルを設定します

    境界線のスタイルを設定するには、 border-style 財産。 border-styleプロパティを使用すると、次の境界線のスタイルのいずれかを選択できます。 なし： 国境なし 実線： 境界線は単一の実線です。 点線： 境界線は一連のドットです。 破線： ボーダーは一連の短い線です。 ダブル： 境界線は2本の実線です。 溝： 境界線はページに刻まれているように見えます。 尾根： 境界線は溝の反対に見えます。 挿入図： 境界線を使用すると、ボックスがページに埋め込まれているように見えます。 最初： ボーダーは、ボックスがキャンバスから出てきているように見せます。 非表