Results for “style”
Small, practical examples. Search by task or narrow things down below.
Round a box’s corners
CSS: Border-radius changes the corner shape without changing its rectangular layout dimensions.
CSS✓ Tested
Round a panel’s corners
CSS: Learn how to round a panel’s corners in a complete browser example.
CSS✓ Tested
Scale a value from the root font size
CSS: Rem units follow the document root instead of accumulating through nested font sizes.
CSS✓ Tested
Scale text within limits
Use CSS clamp to bound responsive font sizing.
CSS✓ Tested
Scroll wide code locally
Keep long code inside a horizontally scrollable CSS container.
CSS✓ Tested
Separate an underline from the text
CSS: Text-underline-offset improves the gap between letters and a decorative underline.
CSS✓ Tested
Separate flex children with a gap
CSS: Learn how to separate flex children with a gap in a complete browser example.
CSS✓ Tested
Set a readable font size
CSS: Learn how to set a readable font size in a complete browser example.
CSS✓ Tested
Set an explicit font weight
CSS: Numeric font weights express typographic emphasis independently of a specific font family.
CSS✓ Tested
Set consistent widths for table columns
HTML: A colgroup applies presentation to whole columns without repeating styles on every cell.
HTML✓ Tested
Set explicit grid row heights
CSS: Grid-template-rows controls each declared row’s block-axis track size.
CSS✓ Tested
Set readable line spacing
Use a unitless CSS line-height that scales with the font size.
CSS✓ Tested