> For the complete documentation index, see [llms.txt](https://jack80342.gitbook.io/thymeleaf/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jack80342.gitbook.io/thymeleaf/i.-using-thymeleaf/12-nei-lian/12.4-css-inlining/advanced-features-css-natural-templates-etc.md).

# 高级特性：CSS自然模版等

与之前介绍的JavaScript内联实现自然模版的方式相同，CSS内联也允许我们的`<style>标签`静态或者动态地工作。也就是说，通过在注释里包装内联表达式实现`CSS自然模版`。请看：

```markup
<style th:inline="css">
    .main\ elems {
      text-align: /*[[${align}]]*/ left;
    }
</style>
```
