third_party/WebKit/LayoutTests/fast/css/all-shorthand.html

   1 <!DOCTYPE html>
   2 <style>
   3 #target1 { color: red; background-color: currentColor; }
   4 #target1 { all: initial; }
   5 #target1 { color: green; }
   6
   7 #parent { color: green; }
   8 #target2 { color: red; background-color: currentColor; }
   9 #target2 { all: inherit; }
  10
  11 #target3 { color: green !important; }
  12 #target3 { all: initial; }
  13
  14 #target4 { color: red !important; }
  15 #target4 { all: initial !important; }
  16 #target4 { background-color: red; }
  17
  18 #target5 { all: initial !important; }
  19 #target5 { background-color: red; }
  20 #target5 { color: green !important; }
  21
  22 #target6 { all: initial !important; }
  23 #target6 { color: red !important; }
  24 #target6 { all: initial !important; }
  25
  26 #target7 { all: initial !important; }
  27 #target7 { direction: rtl; }
  28
  29 #target8 { all: initial !important; }
  30 #target8 { direction: rtl !important; }
  31 #target8 { all: initial !important; }
  32
  33 #parent9 { color: green; }
  34 #target9 { all: unset; }
  35 </style>
  36 <!-- Test for crbug.com/172051: all shorthand property -->
  37 <div id='target1'>green color, no background-color</div>
  38
  39 <div id='parent'>
  40   <div id='target2'>green color, no background-color</div>
  41 </div>
  42
  43 <div id='target3'>green color</div>
  44
  45 <div id='target4'>not red color, no background-color</div>
  46
  47 <div id='target5'>green color, no background-color</div>
  48
  49 <div id='target6'>not red color</div>
  50
  51 <div id='target7'>direction is rtl</div>
  52
  53 <div id='target8'>direction is rtl</div>
  54
  55 <div id='parent9'>
  56   <div id='target9'>green color</div>
  57 </div>