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

JavaScriptで要素の境界線の色を設定するにはどうすればよいですか？

JavaScriptで要素の境界線の色を設定するには、 borderColorを使用します プロパティ。

例

次のコードを実行して、要素の境界線の色を設定する方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            height: 300px;
            width: 200px;
            border: thick dashed yellow;
         }
      </style>
   </head>
   <body>
      <div id="box">
         <p>DEMO TEXT</p>
         <p>DEMO TEXT</p>
         <p>DEMO TEXT</p>
         <p>DEMO TEXT</p>
      </div>
      <br>
      <button type="button" onclick="display()">Set new color of border</button>
      <script>
         function display() {
            document.getElementById("box").style.borderColor = "green";
         }
      </script>
   </body>
</html>

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

    JavaScriptで左枠のスタイルを設定するには、 borderLeftStyleを使用します 財産。このプロパティの下で、境界線に必要なスタイル（実線、破線など）を設定します。 例 次のコードを実行して、左の境界線のスタイルを設定する方法を学ぶことができます- <!DOCTYPE html> <html>    <head>       <style>          #box {        

  2. JavaScriptで左の境界線の色を設定するにはどうすればよいですか？

    JavaScriptで左の境界線の色を設定するには、 borderLeftColorを使用します 財産。境界線に使用するこのプロパティの色を設定します。 例 次のコードを実行して、左の境界線の色を設定する方法を学ぶことができます- <!DOCTYPE html> <html>    <head>       <style>          #box {             bor