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-regionandmarker-indicator: see http://joeha480.github.io/obfl/obfl-specification.html#L1296.Several approaches can be taken in CSS. One idea is based on
::line-markerpseudo-element. Another idea is to supportposition: pageas described in [CSS3POS]. But for now I will do it with a special-obfl-markerproperty and a special-obfl-marker-indicator()value for content that map one-to-one to the OBFL elementsmarkerandmarker-indicator.margin-regionwill map to the new page-margin areas@leftand@right.The resulting style sheet will look something like this:
To do:
@leftin braille CSS as the combined areas@left-top,@left-middleand@left-bottomin plain CSS. Similar definition for@right.@top-leftin braille CSS as the combined areas@top-leftand@top-left-cornerin plain CSS. Hard spaces can be used for further alignment. Similar definitions for@top-right,@bottom-leftand@bottom-right.-obfl-marker-indicator(<class>,<character>)function.-obfl-marker: <class>property.See also: