Surfaces & borders

Background color

Outline width and offset

EN/JA

Getting Started Build with zfb

Index Learn Utility reference Tailwind compatibility

zudo-react Deploy & Embed Reference Recipes Architecture Migration & guides Markdown Features

Index Design system renderHtml compile parseToAst highlightCode

zfb zfb-runtime zfb-adapter-cloudflare create-zfb zfb-md-wasm

GitHub repository

Type to search...

to open search from anywhere

EN
JA

Surfaces & borders

Background color

Outline width and offset

EN/JA

zudo-wind
Utility reference
Surfaces & borders

Surfaces & borders

Style backgrounds, borders, outlines, shadows, and opacity.

Style backgrounds, borders, outlines, shadows, and opacity.

Background colorSet a background color from configured values or a validated arbitrary color.Border widthSet physical border widths in pixels and establish a solid border style.Border colorSet physical border colors from configured values or a validated arbitrary color.Border styleChoose a supported border line style or border-collapse behavior.Border radiusSet all corners, edge corners, or a single corner with configured radius values.Divide widthSet solid border widths on later visible siblings along an axis.Divide colorSet the border color of later visible siblings between grouped items.Outline width and offsetSet outline width or offset with length values; negative values are allowed only for offset.Outline colorSet outline color from configured values or a validated arbitrary color.Outline styleChoose a supported outline line style, including none.ShadowSet a configured box shadow or remove the box shadow.OpacitySet element opacity as an integer percentage or validated arbitrary value.

Typography

Motion

Revision History

CreatedUpdated

Docs

Getting Started

Copyright © 2026 Takazudo. Built with zudo-doc.