Mark
Use the mark shortcode to highlight text.
Use the mark shortcode to highlight text. The inner content is used as input.
Use the mark shortcode to {{< mark >}}highlight{{< /mark >}} specific text.The shortcode supports the following arguments:
| Name | Type | Required | Default | Comment |
|---|---|---|---|---|
| class | string | Class attribute of the highlight element. | ||
| color | select | Theme color of the highlight. By default, the highlight uses the color of the HTML mark function (usually yellow). Supported values: [primary, secondary, success, danger, warning, info, light, dark, white, black]. |
| Name | Type | Required | Default |
|---|---|---|---|
| class | string | ||
| Class attribute of the highlight element. | |||
| color | select | ||
| Theme color of the highlight. By default, the highlight uses the color of the HTML mark function (usually yellow). Supported values: [primary, secondary, success, danger, warning, info, light, dark, white, black]. | |||
Specify a theme color to define the background color of the highlighted text. As an example, the following shortcodes display a highlight for each theme color.
- Use the mark shortcode to {{< mark color="primary" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="secondary" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="success" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="danger" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="warning" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="info" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="light" >}}highlight{{< /mark >}} specific text.
- Use the mark shortcode to {{< mark color="dark" >}}highlight{{< /mark >}} specific text.