tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

border-image-repeat-round-1-ref.html (2541B)

      1 <!DOCTYPE html>
      2 <html>
      3  <head>
      4    <meta charset="utf-8">
      5    <title>CSS Border Image: border-image-repeat: round</title>
      6    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
      7    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
      8    <style type="text/css">
      9      .outer {
     10        width: 81px;
     11        height: 81px;
     12      }
     13      .inner1 {
     14        position: absolute;
     15        top: 0px;
     16        left: 0px;
     17        width: 27px;
     18        height: 27px;
     19        background-image: url("support/border.png");
     20      }
     21      .inner2 {
     22        position: absolute;
     23        top: 0px;
     24        left: 27px;
     25        width: 34px;
     26        height: 27px;
     27        background-size: 102px 81px;
     28        background-image: url("support/border.png");
     29        background-position: -34px 0px;
     30      }
     31      .inner3 {
     32        position: absolute;
     33        top: 0px;
     34        left: 61px;
     35        width: 27px;
     36        height: 27px;
     37        background-image: url("support/border.png");
     38      }
     39      .inner4 {
     40        position: absolute;
     41        top: 27px;
     42        left: 0px;
     43        width: 27px;
     44        height: 34px;
     45        background-size: 81px 102px;
     46        background-image: url("support/border.png");
     47        background-position: 0px -34px;
     48      }
     49      .inner5 {
     50        position: absolute;
     51        top: 27px;
     52        left: 61px;
     53        width: 27px;
     54        height: 34px;
     55        background-size: 81px 102px;
     56        background-image: url("support/border.png");
     57        background-position: -54px -34px;
     58      }
     59      .inner6 {
     60        position: absolute;
     61        top: 61px;
     62        left: 0px;
     63        width: 27px;
     64        height: 27px;
     65        background-image: url("support/border.png");
     66      }
     67      .inner7 {
     68        position: absolute;
     69        top: 61px;
     70        left: 27px;
     71        width: 34px;
     72        height: 27px;
     73        background-size: 102px 81px;
     74        background-image: url("support/border.png");
     75        background-position: -34px -54px;
     76      }
     77      .inner8 {
     78        position: absolute;
     79        top: 61px;
     80        left: 61px;
     81        width: 27px;
     82        height: 27px;
     83        background-image: url("support/border.png");
     84      }
     85    </style>
     86    </head>
     87    <body>
     88      <div class="outer">
     89        <div class="inner1"></div>
     90        <div class="inner2"></div>
     91        <div class="inner3"></div>
     92        <div class="inner4"></div>
     93        <div class="inner5"></div>
     94        <div class="inner6"></div>
     95        <div class="inner7"></div>
     96        <div class="inner8"></div>
     97      </div>
     98    </body>
     99 </html>