Not Your Typical Horizontal Rules
The default browser style for <hr>
is so weird. It’s basically:
border-style: inset;
border-width: 1px;
The default border-color
is black
, but the border doesn’t actually look black, because the inset border “adds a split tone to the line that makes the element appear slightly depressed.”
If I kick up the border-width
to 40px
you can see it more clearly:
I often reset an <hr>
to be “just a line” and it always gets me because I’ll try something, like height: 1px
with a background at first, but that’s not right. The easier way to clear it is to turn off all the borders then only use border-top
or border-bottom
. Or, turn off all the borders, set a height, and use a background.
Annnyway… Sara has some of the nicest horizontal rules in town on the current design of her site, and she’s written it all up. Guess what? They aren’t even <hr>
elements! It turns out the only styling hook you have is CSS, which wasn’t as adaptive as Sara needed, so she ended up with a <div role="separator">
(TIL!) and inline SVG.
The best way to get the full flexibility of an SVG is by inlining it. But the
<hr>
element is content-less — it has no opening and closing tags within which you can place other elements.The only way to work around the limitations of
<hr>
while preserving semantics for screen reader users is to use adiv
and provide the semantics of anhr
using ARIA.
Direct Link to Article — Permalink
The post Not Your Typical Horizontal Rules appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.
How to handle “statement label must be unique” in Marie assembler
here is my code...
JnS Print
Halt
Print, HEX 2
PrintString, Load PrintName
Skipcond 800
JumpI Print
Output
Clear
Load PrintName
Add Increment
Store PrintName
Clear
Jump PrintString
PrintName, DEC 0
HEX 043
HEX 048
HEX 045
HEX 041
HEX 048
HEX 030
HEX 030
HEX 030
Increment, DEC 1
Load PrintName
Store Print_Arg
JnS Print
Halt
PrintName, hex 04A
Print_Arg, DEC 0
Print, Hex 0
Load Print_Arg
Output
Skipcond 000
JumpI Print
Output
Clear
Load PrintName
Add Increment
Store PrintName
Clear
Jump 0
Increment, DEC 1
read a closed Excel.xlsx file
I wish to read from a closed excel file, a few years ago I found a website using ADO and it worked
but now I cannot find this website I have tried over 100 with no success
please help
Ernest