/Knowledge/sources/honojs__hono/llms-full/css-helper-createcsscontext--7991426676d6.md
css Helper: createCssContext - hono-docs
css Helper: createCssContext Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt createcsscontext Summary...
css Helper: createCssContext
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#createcsscontext
Summary
createCssContext creates CSS helper functions (css, cx, keyframes, viewTransition, Style) with a custom context. You can use it to customize the style element ID and the generated class names. ```ts import { createCssContext...
Content
createCssContext creates CSS helper functions (css, cx, keyframes, viewTransition, Style) with a custom context. You can use it to customize the style element ID and the generated class names.
import { createCssContext } from 'hono/css'
const { css, cx, keyframes, Style } = createCssContext({
id: 'my-app',
})
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#createcsscontext",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / css Helper > `createCssContext`",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 701,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "css Helper: createCssContext",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}