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, Table of Contents, Table of Contents Item
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
}