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

Base: Add boxes with multi-part border attributes to borders.html

Browse source
This commit is contained in:
Timothy Flynn 2021-05-17 16:07:24 -04:00 • committed by Andreas Kling
parent bfcc53a879
commit b160a15682
1 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
Base/res/html/misc/borders.html
View file

@ -121,6 +121,24 @@ div + div {
border-right-width: 10px; border-right-width: 10px;
border-right-style: inset; border-right-style: inset;
} }
#two-part-border-attributes {
height: 50px;
border-color: red lime;
border-width: 8px 6px;
border-style: solid dashed;
}
#three-part-border-attributes {
height: 50px;
border-color: red lime blue;
border-width: 8px 6px 4px;
border-style: solid dashed dotted;
}
#four-part-border-attributes {
height: 50px;
border-color: red lime blue orange;
border-width: 8px 6px 4px 2px;
border-style: solid dashed dotted dotted;
}
</style> </style>
</head> </head>
<body> <body>
@ -146,5 +164,8 @@ div + div {
<div id="dashed-5px">dashed (5px)</div> <div id="dashed-5px">dashed (5px)</div>
<div id="dashed-20px">dashed (20px)</div> <div id="dashed-20px">dashed (20px)</div>
<div id="mixed">mixed</div> <div id="mixed">mixed</div>
<div id="two-part-border-attributes">two-part border attributes</div>
<div id="three-part-border-attributes">three-part border attributes</div>
<div id="four-part-border-attributes">four-part border attributes</div>
</body> </body>
</html> </html>