/Knowledge/sources/honojs__hono/llms-full/css-helper-usage-in-combination-with-secure-headers-docs-middleware-builtin-secure-headers--cb91e4a9b73f.md
css Helper: Usage in combination with [Secure Headers](/docs/middlewa...
css Helper: Usage in combination with Secure Headers middleware Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms...
css Helper: Usage in combination with Secure Headers middleware
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#usage-in-combination-with-secure-headers-docs-middleware-builtin-secure-headers-middleware
Summary
If you want to use the CSS helpers in combination with the Secure Headers middleware, you can add the [nonce attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonc...
Content
If you want to use the CSS helpers in combination with the Secure Headers middleware, you can add the nonce attribute to the <Style nonce={c.get('secureHeadersNonce')} /> to avoid Content-Security-Policy caused by the CSS helpers.
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#usage-in-combination-with-secure-headers-docs-middleware-builtin-secure-headers-middleware",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / css Helper > Usage in combination with [Secure Headers](/docs/middleware/builtin/secure-headers) m...",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 700,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "css Helper: Usage in combination with [Secure Headers](/docs/middleware/builtin/secure-headers) middleware",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki