Recent Posts

CSS / Reference / tab-size: Preserved Tabs and Tab-Stop Positions
Set tab stops for real tab characters and inspect their positions. Distinguish editor-generated spaces, whitespace collapsing, and visual wrapping.

CSS / Reference / backface-visibility: Front and Back Faces Under 3D Rotation
Choose whether a 3D-transformed back face is painted. Compare front and reverse states and account for accessible interaction when building a multi-face interface.

CSS / Reference / text-align: Text, Inline Content, and Block Alignment
Align text by physical or logical sides and distinguish it from centering a block. Inspect justification, final lines, and direction-sensitive layouts.

CSS / Reference / color: Foreground Colors, CurrentColor, and Contrast
Set foreground colors and reuse them through currentColor. Inspect inheritance, alpha compositing, readable contrast, and non-color state cues.

CSS / Reference / word-wrap: Legacy Alias and Min-Content Wrapping
Use overflow-wrap to manage long strings and understand the word-wrap alias. Compare anywhere with break-word in intrinsic sizing and flex or grid layouts.

CSS / Reference / word-break: Language-Sensitive Breaks Versus Emergency Wrapping
Choose word-breaking behavior for actual scripts and long strings. Compare normal, keep-all, and break-all, and distinguish deprecated break-word from overflow-wrap.

CSS / Reference / text-shadow: Glyph Shadows, Layers, and Contrast
Add text shadows without box-shadow-only syntax. Compare blur and layer order, preserve legibility, and avoid treating decoration as a contrast guarantee.

CSS / Reference / text-decoration: Decoration Propagation, Underlines, and Link Meaning
Style text decoration and compare parent-originated lines with child rules. Keep links identifiable and separate meaningful deletions from visual strike-through.

CSS / Reference / opacity: Group Transparency, Background Alpha, and Interaction
Fade an element and its children or make only its background translucent. Check stacking, contrast, keyboard focus, and the difference between transparency and hiding.

CSS / Reference / list-style-position: Inside and Outside Markers on Wrapped Items
Choose marker placement using wrapped text, list spacing, and actual child structure. Preserve list meaning and diagnose clipped outside markers.