HTML tags in Liquid provide ways to generate and manipulate HTML content dynamically.

style

Allows for the inclusion of CSS directly in a template.
{% style %}
  css_content
{% endstyle %}
css_content
string
The CSS content to include.
{% style %}
  .highlighted {
    background-color: yellow;
    padding: 5px;
    font-weight: bold;
  }
{% endstyle %}

<span class="highlighted">This text is highlighted</span>
<style>
  .highlighted {
    background-color: yellow;
    padding: 5px;
    font-weight: bold;
  }
</style>

<span class="highlighted">This text is highlighted</span>