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

JavaScriptで画像の境界線を繰り返すか、丸めるか、引き伸ばすかを設定するにはどうすればよいですか？

borderImageRepeatを使用します 画像の境界線を繰り返すか、丸めるか、引き伸ばすかを設定するプロパティ。

例

次のコードを実行して、画像の境界線を繰り返すか、丸くするか、引き伸ばすかを設定する方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <head>
      <style>
         div{
            background-color: blue;
            border: 30px solid;
            border-image: url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg');
            border-image-slice: 10 10 30 30;
            border-image-width: 1 1 1 1;
            border-image-repeat: stretch;
         }
      </style>
   </head>
   <body>
      <div id="box">
         <p>
            Demo Text!
         </p>
      </div>
      <button onclick="display()">Click me!</button>
      <script>
         function display() {
            document.getElementById("box").style.borderImageRepeat = "round";
         }
      </script>
   </body>
</html>

  1. JavaScriptでフォントの太さを設定するにはどうすればよいですか？

    fontWeightを使用する JavaScriptのプロパティを使用して、フォントの太字を設定します。 例 次のコードを実行して、JavaScriptでフォントの太字を設定することができます- <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1>       <p id="myID">          Th

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

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