Asset.css ViewHelper <f:asset.css>
¶
ViewHelper to add CSS to the TYPO3 AssetCollector. Either a file or inline CSS can be added.
Examples¶
<f:asset.css identifier="identifier123" href="EXT:my_ext/Resources/Public/Css/foo.css" />
<f:asset.css identifier="identifier123">
.foo { color: black; }
</f:asset.css>
Details¶
In the AssetCollector, the "identifier" attribute is used as a unique identifier. Thus, if assets are added multiple times using the same identifier, the asset will only be served once (the last added overrides previous assets).
Some available attributes are defaults but do not make sense for this ViewHelper. Relevant attributes specific for this ViewHelper are: as, crossorigin, disabled, href, hreflang, importance, integrity, media, referrerpolicy, sizes, type, nonce.
Source code
Go to the source code of this ViewHelper: Asset\CssViewHelper.php (GitHub).
Arguments
Allows arbitrary arguments
This ViewHelper allows you to pass arbitrary arguments not defined below directly to the HTML tag created. This includes custom `data-` arguments.
The following arguments are available for the asset.css ViewHelper:
-
additionalAttributes
¶ -
- Type
- array
Additional tag attributes. They will be added directly to the resulting HTML tag.
-
data
¶ -
- Type
- array
Additional data-* attributes. They will each be added with a "data-" prefix.
-
aria
¶ -
- Type
- array
Additional aria-* attributes. They will each be added with a "aria-" prefix.
-
disabled
¶ -
- Type
- bool
Define whether or not the described stylesheet should be loaded and applied to the document.
-
useNonce
¶ -
- Type
- bool
- Default
- false
Whether to use the global nonce value
-
identifier
¶ -
- Type
- string
- Required
- 1
Use this identifier within templates to only inject your CSS once, even though it is added multiple times.
-
priority
¶ -
- Type
- boolean
- Default
- false
Define whether the CSS should be included before other CSS. CSS will always be output in the <head> tag.