Web-shaped values, Avalonia properties
CSS-inspired Styling
Keep the vocabulary familiar while preserving the native styling system underneath.
Explore source ↗Capability
Stylesheet links, style elements, classes, inline declarations, selectors, and value converters translate familiar CSS-oriented authoring into Avalonia styling and properties.
- 01
Stylesheet and style elements
- 02
Classes and inline declarations
- 03
CSS-to-Avalonia value conversion
- 04
Runtime style application
How it composes
From intent
to working system.
Load
Link and style elements resolve external or inline declarations.
Match
Element names, classes, and document structure determine applicable rules.
Convert
CSS-inspired values map into Avalonia property types.
Apply
The runtime updates native control classes and properties.
Quick start
Adopt this
capability.
Start with the primary module, then add the related packages only when the application needs those layers. Replace VERSION with the current NuGet version.
git clone https://github.com/wieslawsoltes/HtmlML.git# Reference src/HtmlML/HtmlML.csproj and add a stylesheet asset.<head> <link rel="stylesheet" href="avares://Demo/Assets/site.css" type="text/css" /></head><body class="app-body"> <section class="card" style="padding: 24px"> <h2>Styled through familiar values</h2> </section></body>Modules in this capability
Use one layer.
Compose the rest.
Source of truth
Read the module beside the complete system.
The implementation, samples, issues, and release notes stay in the parent repository so module details remain connected to the product architecture.