Difference between revisions of "User:Yb30"

Line 5: Line 5:
 
<strong style="font-size:10vw">1</strong>
 
<strong style="font-size:10vw">1</strong>
  
document.getElementById("myDiv").style.borderColor = "coral";</center>
+
 
 +
<div id="justone">
 +
  <p><code>border-color: red;</code> is equivalent to</p>
 +
  <ul><li><code>border-top-color: red;</code></li>
 +
    <li><code>border-right-color: red;</code></li>
 +
    <li><code>border-bottom-color: red;</code></li>
 +
    <li><code>border-left-color: red;</code></li>
 +
  </ul>
 +
</div>
 +
<div id="horzvert">
 +
  <p><code>border-color: gold red;</code> is equivalent to</p>
 +
  <ul><li><code>border-top-color: gold;</code></li>
 +
    <li><code>border-right-color: red;</code></li>
 +
    <li><code>border-bottom-color: gold;</code></li>
 +
    <li><code>border-left-color: red;</code></li>
 +
  </ul>
 +
</div>
 +
<div id="topvertbott">
 +
  <p><code>border-color: red cyan gold;</code> is equivalent to</p>
 +
  <ul><li><code>border-top-color: red;</code></li>
 +
    <li><code>border-right-color: cyan;</code></li>
 +
    <li><code>border-bottom-color: gold;</code></li>
 +
    <li><code>border-left-color: cyan;</code></li>
 +
  </ul>
 +
</div>
 +
<div id="trbl">
 +
  <p><code>border-color: red cyan black gold;</code> is equivalent to</p>
 +
  <ul><li><code>border-top-color: red;</code></li>
 +
    <li><code>border-right-color: cyan;</code></li>
 +
    <li><code>border-bottom-color: black;</code></li>
 +
    <li><code>border-left-color: gold;</code></li>
 +
  </ul>
 +
</div>
 +
Copy to Clipboard
 +
</center>

Revision as of 11:05, 22 February 2022

YB30's Wiki

Change the user count if you have visited this page for your first time.

1


border-color: red; is equivalent to

  • border-top-color: red;
  • border-right-color: red;
  • border-bottom-color: red;
  • border-left-color: red;

border-color: gold red; is equivalent to

  • border-top-color: gold;
  • border-right-color: red;
  • border-bottom-color: gold;
  • border-left-color: red;

border-color: red cyan gold; is equivalent to

  • border-top-color: red;
  • border-right-color: cyan;
  • border-bottom-color: gold;
  • border-left-color: cyan;

border-color: red cyan black gold; is equivalent to

  • border-top-color: red;
  • border-right-color: cyan;
  • border-bottom-color: black;
  • border-left-color: gold;

Copy to Clipboard