Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Box Model">
  <meta charset="utf-8">
  <title>Border Color</title>
</head>
<body>
  
  <style> p {border-style: solid; border-color: gray; width: 150px; } </style>
​
  <div style="position:absolute; top: 10px; left: 30px">
    border-color 
    <p>지정안함</p>
    <p style="border-color: blue">blue</p>
    <p style="border-color: blue red green lime">blue</p>
    <p style="border-top-color: blue">blue</p>
    <p style="border-right-color: blue">blue</p>
    <p style="border-bottom-color: blue">blue</p>
    <p style="border-left-color: blue">blue</p>
  </div>
​
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x