Line Height
The line-height property in CSS controls the vertical spacing between lines of text within an element. It affects how "tall" each line box is and helps improve readability and layout alignment.
Line Height in Workmaster
The Line Height property in Workmaster controls the vertical spacing between lines of text within a widget. It functions similarly to the line-height property in CSS and directly affects the readability and visual appearance of text blocks.
This is a Conditional Value field. Such fields allow you to specify values directly OR use a Formula to specify a value. Conditional values are useful for specifying different values for changing situations, such as varying device types or screen sizes.
Possible Values
px
Sets an exact pixel height between lines. Example: 24px. Useful for fixed layouts.
rem
Relative to the root element’s font size. Example: 1.5rem. Scales well in responsive designs.
%
A percentage of the current font size. Example: 150%. Similar to unitless multipliers.
vw
Viewport width unit. Rare for line height, but supported. Example: 2vw.
vh
Viewport height unit. Also rare. Example: 3vh.
unset
Resets the value to be inherited or defaulted as per CSS rules.
normal
Uses the browser’s default line height (usually around 1.2). Good for basic readability.
Examples
1. Normal Line Height
Normal Line Height
2. 120px Line Height
120px Line Height
Last updated