blob: 300f68610f67ca9b884a8183d5a84a2237ca151c [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;">
<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;">
<details><summary class="nopadding">Summary</summary></details>
</div>
</body>