blob: 37be8b046f74aaacb95bfbd5d1a132f3ccf462fb [file] [log] [blame]
<!DOCTYPE html>
<body>
<style>
summary.withpadding::-webkit-details-marker {
padding: 8px 16px 24px 32px;
border-width: 8px 16px 24px 32px;
border-style: solid;
border-color: lime;
}
summary.nopadding::-webkit-details-marker {
border: 8px solid lime;
width: 48px;
height: 24px;
}
details {
font-size: 24px;
}
</style>
<div style="-webkit-writing-mode: horizontal-tb;">
<details><summary class="withpadding">Summary</summary></details>
</div>
<div style="-webkit-writing-mode: vertical-rl; -webkit-text-orientation: sideways;">
<details><summary class="withpadding">Summary</summary></details>
</div>
<div style="-webkit-writing-mode: horizontal-tb;">
<details><summary class="nopadding">Summary</summary></details>
</div>
<div style="-webkit-writing-mode: vertical-rl; -webkit-text-orientation: sideways;">
<details><summary class="nopadding">Summary</summary></details>
</div>
</body>