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

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

JavaScriptで右枠のスタイルを設定するには、 borderRightStyleを使用します 財産。このプロパティを使用して、右の境界線のスタイルを設定します。

例

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

<!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 right border style</button>
      <script>
         function display() {
            document.getElementById("box").style.borderRightStyle = "dashed";
         }
      </script>
   </body>
</html>

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

    marginRightを使用します JavaScriptのプロパティ。右マージンを設定します。次のコードを実行して、JavaScriptで要素の右マージンを設定してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          #myID {             border: 2px solid #000000;

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

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