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="Shorthand">
  <meta charset="utf-8">
  <title>Border Shorthand</title>
</head>
<body>
  
  <style>
    .all { border: 5px solid blue; width: 150px; }
  </style>
​
  <div style="position:absolute; top: 10px; left: 30px">
    border-width 
    <p class="all">border: 5px solid blue</p>
    <p class="all" style="border: red">red만 작성 불가</p>
    <p class="all" style="border: 5px double gray">전체 작성 변경</p>
    
    <p style="border-top: 7px double blue">top 7px double blue</p>
    <p style="border-right: 7px double blue">right 7px double blue</p>
    <p style="border-bottom: 7px double blue">bottom  7px double blue</p>
    <p style="border-left: 7px double blue">left 7px double blue</p>
  </div>
​
</body>
</html>
Output

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

Dismiss x