LayoutTests/fast/html/details-marker-style.html

   1 <!DOCTYPE html>
   2 <body>
   3 <style>
   4 summary.withpadding::-webkit-details-marker {
   5     padding: 8px 16px 24px 32px;
   6     border-width: 8px 16px 24px 32px;
   7     border-style: solid;
   8     border-color: lime;
   9 }
  10
  11 summary.nopadding::-webkit-details-marker {
  12     border: 8px solid lime;
  13     width: 48px;
  14     height: 24px;
  15 }
  16
  17 details {
  18     font-size: 24px;
  19 }
  20 </style>
  21 <div style="-webkit-writing-mode: horizontal-tb;">
  22 <details><summary class="withpadding">Summary</summary></details>
  23 </div>
  24 <div style="-webkit-writing-mode: vertical-rl;">
  25 <details><summary class="withpadding">Summary</summary></details>
  26 </div>
  27
  28 <div style="-webkit-writing-mode: horizontal-tb;">
  29 <details><summary class="nopadding">Summary</summary></details>
  30 </div>
  31 <div style="-webkit-writing-mode: vertical-rl;">
  32 <details><summary class="nopadding">Summary</summary></details>
  33 </div>
  34 </body>
  35