---
title: "Asset.css ViewHelper <vite:asset.css>"
manual: "Vite AssetCollector"
version: "main"
permalink: "https://docs.typo3.org/permalink/praetorius/vite-asset-collector:viewhelper-asset-css@main"
source: "Reference/ViewHelpers/AssetCss.rst"
rendered: "2026-11-08T20:31:06+00:00"
---

# Asset.css ViewHelper `<vite:asset.css>` {#viewhelper-asset-css}

The `<vite:asset.css>` ViewHelper allows to customize the embedding of
CSS assets with the `<vite:asset>` ViewHelper. It can only be used as a
direct child element of `<vite:asset>`.

See [\<vite:asset>](https://docs.typo3.org/permalink/praetorius/vite-asset-collector:viewhelper-asset@main)
for more examples.

## Example: Inlining CSS {#example-inlining-css}

```html
<vite:asset entry="EXT:sitepackage/Resources/Private/JavaScript/Main.entry.js">
    <vite:asset.css inline="{true}" />
</vite:asset>
```

**Arguments**

The following arguments are available for the asset.css ViewHelper:

-   **additionalAttributes**

    -   *Type:* array
    -   *Default:* array (
    )

    Additional attributes to be added to the \<link>/\<style> tag.

-   **disabled**

    -   *Type:* bool
    -   *Default:* false

    Set to "true" if the \<link> tag should be marked as disabled.

-   **ignore**

    -   *Type:* bool
    -   *Default:* false

    Set to "true" if the CSS should not be embedded at all.

-   **inline**

    -   *Type:* bool
    -   *Default:* false

    Set to "true" if the CSS should be embedded inline with a \<style> tag.

-   **media**

    -   *Type:* string

    Associated media query

-   **priority**

    -   *Type:* bool
    -   *Default:* true

    Set to "false" if the CSS should be loaded with lower priority.