RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 17:37:34 +00:00
Code Issues Activity Actions

LibWeb: Add layout support for border spacing

Browse source 
When border-collapse is separate, border-spacing affects layout.
Implement most of that functionality.
This commit is contained in:
Andi Gallo 2023-06-16 02:48:56 +00:00 • committed by Andreas Kling
parent 396f1a977c
commit b69036970b
19 changed files with 949 additions and 259 deletions
Download patch file Download diff file Expand all files Collapse all files

64
Tests/LibWeb/Layout/input/table/border-spacing-rowspan.html Normal file
View file

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Separated table with rowspan</title>
<style>
html {
font-family: sans-serif;
}
table {
border-collapse: separate;
border-spacing: 20px 10px;
border: 1px solid blue;
}
td,
th {
border: 1px solid black;
padding: 10px 20px;
}
td {
text-align: center;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td rowspan="2">A</td>
<td>B</td>
<td>1</td>
</tr>
<tr>
<td>D</td>
<td>2</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
<td>3</td>
</tr>
<tr>
<td>G</td>
<td>H</td>
<td>4</td>
</tr>
<tr>
<td>I</td>
<td>J</td>
<td>5</td>
</tr>
</tbody>
</table>
</body>
</html>