Inline
Inline classes are used for definitions typically applied to inline contents. The style settings of all parent elements (e.g. paragraphs, lists) will be also inherited to inline elements.
Selectors
-
Definitions:
-
inline-strong -
inline-emphasis -
inline-code -
inline-citation -
inline-comment -
inline-raw -
inline-mark -
inline-delete -
inline-link
-
-
See also: Headers and Footers, Footnotes Area, Media, Footnotes, Paragraph, Figures, Figure Captions, Divider, Block, List, Table, Table Cell, Syntax Highlight, Technical
Style Settings
| Setting | Type | Examples | Description |
|---|---|---|---|
background-color |
Color | rgb(255,0,0), #ff0000, none |
The background color of the text. (PDF supports arbitrary colors. Colors will be converted to a predefined 16 color pallette in DOCX.) |
baseline-shift |
Symbol | normal, superscript, subscript |
The text position relative to the baseline. |
character-spacing |
Length | 12pt, 120% |
Additional character spacing. |
font-color |
Color | rgb(255,0,0), #ff0000 |
The foreground color of the text. |
font-family |
String | "Arial", "Menlo", "Helvetica Neue" |
The family name of a font. |
font-size |
Length | 10pt, 0.5em, 120% |
The size of the font used for styling text. |
font-slant |
Symbol | normal, italic |
The obliqueness of a font. |
font-style |
String | "UltraLight", "Condensed" |
The typographic style of a font. |
font-weight |
Symbol | normal, bold |
The weight of a font. |
strikethrough |
Symbol | none, single |
The strikethrough style of the text. |
strikethrough-color |
Color | rgb(255,0,0), #ff0000 |
The color of the text strikethrough. (PDF only.) |
style-title |
String | "Inline Code", "heading 1", "Paragraph (First)" |
The name of the style used for format templates in DOCX files. |
underline |
Symbol | none, single |
The underline style of the text. |
underline-color |
Color | rgb(255,0,0), #ff0000 |
The color of the text underline. |
visibility |
Symbol | hidden, visible |
The visibility of an element. |
Pseudoclasses
| Class | Description |
|---|---|
:first |
The style matches any node that is the first child of its parent. |
:last |
The style matches any node that is the last child of its parent. |
Example
// Example for inline node styling
inline-code {
font-family: "Menlo"
font-weight: normal
font-slant: normal
font-color: #ff0000
}
// Paragraph styles may also set inline styles
heading-1 {
font-family: "Futura"
font-size: 20pt
}