Several approaches can be taken in CSS. One idea is based on ::line-marker pseudo-element. Another idea is to support position: page as described in [CSS3POS]. But for now I will do it with a special -obfl-marker property and a special -obfl-marker-indicator() value for content that map one-to-one to the OBFL elements marker and marker-indicator. margin-region will map to the new page-margin areas @left and @right.
The resulting style sheet will look something like this:
[ ] Define @left in braille CSS as the combined areas @left-top, @left-middle and @left-bottom in plain CSS. Similar definition for @right.
[ ] Define @top-left in braille CSS as the combined areas @top-left and @top-left-corner in plain CSS. Hard spaces can be used for further alignment. Similar definitions for @top-right, @bottom-left and @bottom-right.
[ ] Define the new -obfl-marker-indicator(<class>,<character>) function.
[ ] Define the new -obfl-marker: <class> property.
.. as described in requirement 4.8:106.
OBFL supports this through
margin-region
andmarker-indicator
: see http://joeha480.github.io/obfl/obfl-specification.html#L1296.Several approaches can be taken in CSS. One idea is based on
::line-marker
pseudo-element. Another idea is to supportposition: page
as described in [CSS3POS]. But for now I will do it with a special-obfl-marker
property and a special-obfl-marker-indicator()
value for content that map one-to-one to the OBFL elementsmarker
andmarker-indicator
.margin-region
will map to the new page-margin areas@left
and@right
.The resulting style sheet will look something like this:
To do:
@left
in braille CSS as the combined areas@left-top
,@left-middle
and@left-bottom
in plain CSS. Similar definition for@right
.@top-left
in braille CSS as the combined areas@top-left
and@top-left-corner
in plain CSS. Hard spaces can be used for further alignment. Similar definitions for@top-right
,@bottom-left
and@bottom-right
.-obfl-marker-indicator(<class>,<character>)
function.-obfl-marker: <class>
property.See also: