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

JavaScriptで境界線画像領域が境界線ボックスを超えて広がる量を設定するにはどうすればよいですか?


境界線画像を拡大する量を設定するには、境界線の外側の端を設定する必要があります。

次のコードを実行して、JavaScriptで境界線の画像が境界線ボックスを超えて広がる量を設定する方法を学ぶことができます。

<!DOCTYPE html>
<html>
   <head>
      <style>
         div{
            background-color:gray;
            border: 40px solid;
            border-image: url('https://www.tutorialspoint.com/images/neo4j.png');
            border-image-slice: 50;
            border-image-width: 20px;
            border-image-width: 1 1 1 1;
            border-image-outset: 0;
            border-image-repeat: round;
         }
      </style>
   </head>
   <body>
      <div id="box">
         <p>Demo Text!</p>
      </div>
      <button onclick = "display()">Set Border Oustside Edges</button>
      <script>
         function display(){
            document.getElementById("box").style.borderImageOutset = "5px 10px 20px 15px";
         }
      </script>
   </body>
</html>

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

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

  2. JavaScriptで画像をリストアイテムマーカーとして設定するにはどうすればよいですか?

    list-itemのマーカーとして画像を設定するには、 listStyleImageを使用します JavaScriptのプロパティ。 例 次のコードを実行して、JavaScriptで画像をリストアイテムマーカーとして設定することができます- <!DOCTYPE html> <html>    <body>       <ol id="myID">          <li>One</li>