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

JavaScriptを使用して1つの宣言ですべてのアウトラインプロパティを設定するにはどうすればよいですか？

1つの宣言ですべてのアウトラインプロパティを設定するには、アウトラインを使用します 財産。次のプロパティを設定します：outline-width、outline-style、outline-color。

例

次のコードを実行して、アウトラインプロパティの操作方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 2px dashed blue;
         }
      </style>
   </head>
   <body>
      <div id="box">This is a div.</div>
      <br>
      <button type="button" onclick="display()">Click to set Outline</button>
      <script>
         function display() {
            document.getElementById("box").style.outline = "5px solid red";
         }
      </script>
   </body>
</html>

  1. JavaScriptで要素の周りの輪郭の色を設定するにはどうすればよいですか？

    アウトラインの色を設定するには、outlineColorを使用します 財産。次のコードを実行して、JavaScriptを使用して要素の周囲の輪郭の色を設定してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          #box {             width: 450px;     &n

  2. JavaScriptを使用して1つの宣言ですべてのアウトラインプロパティを設定するにはどうすればよいですか？

    アウトラインのプロパティを設定するには、アウトラインを使用します 財産。アウトラインの色、スタイル、オフセットを設定できます。 例 次のコードを実行して、JavaScriptを使用した1つの宣言ですべてのアウトラインプロパティを設定することができます- <!DOCTYPE html> <html>    <head>       <style>          #box {