forked from mirrors/gecko-dev
43 lines
1,013 B
HTML
43 lines
1,013 B
HTML
<!doctype html>
|
|
<title>CSS Test Reference</title>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
html,
|
|
body {
|
|
color: black;
|
|
background-color: white;
|
|
font: 16px/0 monospace;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.table {
|
|
box-sizing: content-box;
|
|
border: 3px solid black;
|
|
padding: 5px;
|
|
background: blue content-box;
|
|
display: inline-block;
|
|
}
|
|
|
|
.big {
|
|
width: 75px;
|
|
height: 75px;
|
|
}
|
|
|
|
.td {
|
|
padding: 1px;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
width: 75px;
|
|
height: 75px;
|
|
}
|
|
</style>
|
|
<div class="table"><div class="td"></div></div><br>
|
|
<div class="table" style="min-height: 50px"><div class="td"></div></div><br>
|
|
<div class="table" style="min-width: 50px"><div class="td"></div></div><br>
|
|
<div class="table"><div class="td"><div class="big"></div></div></div><br>
|
|
<div class="table"><div class="td"><div class="big"></div></div></div><br>
|
|
<div class="grid"><div class="table" style="max-height: 50px"><div class="td"></div></div></div>
|
|
<div class="grid"><div class="table" style="max-width: 50px"><div class="td"></div></div></div>
|