24.08.2015 Views

Oxygen XML Author plugin 13.2.0

Oxygen XML Author plugin 13.2.0

Oxygen XML Author plugin 13.2.0

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

<strong>Author</strong> Developer Guide | 193Figure 100: A sample of nested sections and their titles.In the above screenshot you can see a sample <strong>XML</strong> document rendered by the CSS stylesheet. The selection "avoids"the text that is generated by the CSS "content" property. This happens because the CSS generated text is not present inthe <strong>XML</strong> document and is just a visual aid.Styling the Inline ElementsThe "bold" style is obtained by using the font-weight CSS property with the value bold, while the "italic" style isspecified by the font-style property:b {}i {}font-weight:bold;font-style:italic;Styling ImagesThe CSS 2.1 does not specify how an element can be rendered as an image. To overpass this limitation, <strong>Oxygen</strong> <strong>XML</strong><strong>Author</strong> <strong>plugin</strong> <strong>Author</strong> supports a CSS Level 3 extension allowing to load image data from an URL. The URL of theimage must be specified by one of the element attributes and it is resolved through the catalogs specified in <strong>Oxygen</strong><strong>XML</strong> <strong>Author</strong> <strong>plugin</strong> .image{display:block;content: attr(href, url);margin-left:2em;}Our image element has the required attribute href of type xs:anyURI. The href attribute contains an imagelocation so the rendered content is obtained by using the function:attr(href, url)

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!