Pileus Git - ~andy/gtk/blob - tests/reftests/background-size-keywords.css

   1 @import "reset-to-defaults.css";
   2
   3 * {
   4   color: black;
   5   text-shadow: 1px 1px white;
   6   background-repeat: no-repeat;
   7 }
   8
   9 #a {
  10   background-image: url("border-image-balls.png");
  11   background-size: cover;
  12 }
  13
  14 #reference #a {
  15   background-size: 40px;
  16 }
  17
  18 #b {
  19   background-image: url("border-image-balls.png");
  20   background-size: contain;
  21 }
  22
  23 #reference #b {
  24   background-size: 30px;
  25 }
  26
  27 #c {
  28   background-image: url("border-image-balls.png");
  29   background-size: auto;
  30 }
  31
  32 #reference #c {
  33   background-size: 60px;
  34 }
  35
  36 #d {
  37   background-image: url("border-image-balls.png");
  38 }
  39
  40 #reference #c {
  41   background-size: 60px;
  42 }
  43
  44 #e {
  45   background-image: url("border-image-ball-red.png");
  46   background-size: cover;
  47 }
  48
  49 #reference #e {
  50   background-size: 40px;
  51 }
  52
  53 #f {
  54   background-image: url("border-image-ball-red.png");
  55   background-size: contain;
  56 }
  57
  58 #reference #f {
  59   background-size: 30px;
  60 }
  61
  62 #g {
  63   background-image: url("border-image-ball-red.png");
  64   background-size: auto;
  65 }
  66
  67 #reference #g {
  68   background-size: 20px;
  69 }
  70
  71 #h {
  72   background-image: url("border-image-ball-red.png");
  73 }
  74
  75 #reference #h {
  76   background-size: 20px;
  77 }
  78
  79 #i {
  80   background-image: url("border-image-3-balls-yellow.png");
  81   background-size: cover;
  82 }
  83
  84 #reference #i {
  85   background-size: 90px;
  86 }
  87
  88 #j {
  89   background-image: url("border-image-3-balls-yellow.png");
  90   background-size: contain;
  91 }
  92
  93 #reference #j {
  94   background-size: 40px;
  95 }
  96
  97 #k {
  98   background-image: url("border-image-3-balls-yellow.png");
  99   background-size: auto;
 100 }
 101
 102 #reference #k {
 103   background-size: 60px;
 104 }
 105
 106 #l {
 107   background-image: url("border-image-3-balls-yellow.png");
 108 }
 109
 110 #reference #l {
 111   background-size: 60px;
 112 }