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

JavaScriptで左ボーダーのスタイルを設定するにはどうすればよいですか?


JavaScriptで左枠のスタイルを設定するには、 borderLeftStyleを使用します 財産。このプロパティの下で、境界線に必要なスタイル(実線、破線など)を設定します。

次のコードを実行して、左の境界線のスタイルを設定する方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: thick solid gray;
            width: 300px;
            height: 300px;
         }
      </style>
   </head>
   <body>
      <div id="box">Demo Text</div>
      <br><br>
      <button type="button" onclick="display()">Change left border style</button>
      <script>
         function display() {
            document.getElementById("box").style.borderLeftStyle = "dashed";
         }
      </script>
   </body>
</html>

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

    marginLeftを使用します JavaScriptのプロパティ。左マージンを設定します。次のコードを実行して、JavaScriptで要素の左マージンを設定してみてください- 例 <!DOCTYPE html> <html>    <body>       <button type="button" onclick="display()">Add left margin</button>       <p

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

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