Attention
TYPO3 v11 has reached end-of-life as of October 31th 2024 and is no longer being maintained. Use the version switcher on the top left of this page to select documentation for a supported version of TYPO3.
Need more time before upgrading? You can purchase Extended Long Term Support (ELTS) for TYPO3 v11 here: TYPO3 ELTS.
Asset.css ViewHelper <f:asset.css>
CssViewHelper
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>
Source code
Go to the source code of this ViewHelper: CssViewHelper.php (GitHub).
Arguments
The following arguments are available for <f::
additionalAttributes
-
- Type
- mixed
Additional tag attributes. They will be added directly to the resulting HTML tag.
data
-
- Type
- mixed
Additional data-* attributes. They will each be added with a "data-" prefix.
aria
-
- Type
- mixed
Additional aria-* attributes. They will each be added with a "aria-" prefix.
class
-
- Type
- string
CSS class(es) for this element
dir
-
- Type
- string
Text direction for this HTML element. Allowed strings: "ltr" (left to right), "rtl" (right to left)
id
-
- Type
- string
Unique (in this file) identifier for this HTML element.
lang
-
- Type
- string
Language for this element. Use short names specified in RFC 1766
style
-
- Type
- string
Individual CSS styles for this element
title
-
- Type
- string
Tooltip text of element
accesskey
-
- Type
- string
Keyboard shortcut to access this element
tabindex
-
- Type
- integer
Specifies the tab order of this element
onclick
-
- Type
- string
JavaScript evaluated for the onclick event
as
-
- Type
- string
Define the type of content being loaded (For rel="preload" or rel="prefetch" only).
crossorigin
-
- Type
- string
Define how to handle crossorigin requests.
disabled
-
- Type
- boolean
Define whether or not the described stylesheet should be loaded and applied to the document.
href
-
- Type
- string
Define the URL of the resource (absolute or relative).
hreflang
-
- Type
- string
Define the language of the resource (Only to be used if 'href' is set).
importance
-
- Type
- string
Define the relative fetch priority of the resource.
integrity
-
- Type
- string
Define base64-encoded cryptographic hash of the resource that allows browsers to verify what they fetch.
media
-
- Type
- string
Define which media type the resources applies to.
referrerpolicy
-
- Type
- string
Define which referrer is sent when fetching the resource.
rel
-
- Type
- string
Define the relationship of the target object to the link object.
sizes
-
- Type
- string
Define the icon size of the resource.
type
-
- Type
- string
Define the MIME type (usually 'text/css').
nonce
-
- Type
- string
Define a cryptographic nonce (number used once) used to whitelist inline styles in a style-src Content-Security-Policy.
identifier
-
- Type
- string
- Required
true
Use this identifier within templates to only inject your CSS once, even though it is added multiple times.
priority
-
- Type
- boolean
Define whether the CSS should be included before other CSS. CSS will always be output in the <head> tag.