CSS entries starting with “V”
Every CSS entry starting with V, grouped by kind. Pseudo-classes, pseudo-elements and types are filed by their first letter, ignoring the leading :, :: or <.
| Name | Description |
|---|---|
| Color | |
VisitedText | System colour: text of a visited link. |
violet | Named colour #ee82ee. |
| Environment variable | |
viewport-segment-bottom | Bottom edge of a screen segment on a foldable or dual-screen device. |
viewport-segment-height | Height of a screen segment on a foldable or dual-screen device. |
viewport-segment-left | Left edge of a screen segment on a foldable or dual-screen device. |
viewport-segment-right | Right edge of a screen segment on a foldable or dual-screen device. |
viewport-segment-top | Top edge of a screen segment on a foldable or dual-screen device. |
viewport-segment-width | Width of a screen segment on a foldable or dual-screen device. |
| Function | |
var() | Substitutes the value of a custom property, with an optional fallback. |
view() | An animation timeline driven by an element moving through the viewport. |
| Media feature | |
vertical-viewport-segments | How many stacked segments a folding viewport has. |
video-dynamic-range | Whether the video plane supports high dynamic range. |
| Property | |
vector-effect | Keeps an SVG stroke the same width however the graphic is scaled. |
vertical-align | How an inline box sits in its line, or a table cell aligns its content. |
view-timeline | Shorthand that names a timeline tracking an element through its scrollport. |
view-timeline-axis | Which scroll direction a view timeline tracks. |
view-timeline-inset | Insets the visible area a view timeline measures against. |
view-timeline-name | The name of the view timeline an element defines. |
view-transition-class | Class names for styling view transition pseudo-elements together. |
view-transition-group | Where an element's view transition group nests. |
view-transition-name | Gives an element its own snapshot in a view transition. |
view-transition-scope | Makes an element a scope for the view transition names inside it. |
visibility | Hides a box while keeping its space in the layout. |
| Pseudo-class | |
:valid | Matches form controls whose value passes its constraints. |
:visited | Matches visited hyperlinks; only colour properties can be changed. |
:volume-locked | Matches a media element whose volume the page cannot change. |
| Pseudo-element | |
::view-transition | The root overlay of a view transition. |
::view-transition-group() | The view transition box for one name, animating size and position. |
::view-transition-group-children() | A container for nested view transition groups. |
::view-transition-image-pair() | Holds the old and new snapshots of a view transition group. |
::view-transition-new() | The snapshot of the new state in a view transition. |
::view-transition-old() | The snapshot of the old state in a view transition. |
| Type | |
<visual-box> | content-box, padding-box or border-box. |
| Unit | |
vb | 1% of the viewport in the block axis. |
vh | 1% of the viewport height. |
vi | 1% of the viewport in the inline axis. |
vmax | 1% of the viewport's larger dimension. |
vmin | 1% of the viewport's smaller dimension. |
vw | 1% of the viewport width. |