/Knowledge/sources/honojs__hono/llms-full/css-helper-usage-in-combination-with-secure-headers-docs-middleware-builtin-secure-headers--part-02--50f29f6d2411.md
css Helper: Usage in combination with [Secure Headers](/docs/middlewa...
css Helper: Usage in combination with Secure Headers middleware (part 02) Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hon...
css Helper: Usage in combination with Secure Headers middleware (part 02)
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
```tsx{8,23} import { secureHeaders, NONCE } from 'hono/secure-headers' app.get( '*', secureHeaders({ contentSecurityPolicy: { // Set the pre-defined nonce value to styleSrc: styleSrc: [NONCE], }, }) ) app.get('/', (c) => { const heade...
Content
import { secureHeaders, NONCE } from 'hono/secure-headers'
app.get(
'*',
secureHeaders({
contentSecurityPolicy: {
// Set the pre-defined nonce value to `styleSrc`:
styleSrc: [NONCE],
},
})
)
app.get('/', (c) => {
const headerClass = css`
background-color: orange;
color: white;
padding: 1rem;
`
return c.html(
<html>
<head>
{/* Set the `nonce` attribute on the CSS helpers `style` and `script` elements */}
<Style nonce={c.get('secureHeadersNonce')} />
</head>
<body>
<h1 class={headerClass}>Hello!</h1>
</body>
</html>
)
})
Metadata
{
"chunk_index": 1,
"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 (part 02)",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki