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:
Argument | Required | Description |
---|---|---|
color | No | Optional theme color of the highlight, either “primary”, “secondary”, “success”, “danger”, “warning”, “info”, “light”, “dark”, “white” or “black”. By default, the highlight uses the color of the HTML mark function (usually yellow). |
class | No | Optional class attribute of the mark element. |
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.