Skip to content
The CSS Chamber of Measures

/static/camara/en/unidade/vi-vb/

Menu

CSS-016 · Viewport

vi · vb

The viewport measured by the axes of writing, not the sides of the screen.

One vi is 1% of the viewport along the inline axis — the axis text runs along — and one vb, 1% along the block axis, where paragraphs stack. In English and Portuguese, vi coincides with vw and vb with vh.

The coincidence ends when writing-mode turns: in a vertical Japanese or Mongolian layout the axes swap places, and a sheet written in vi and vb rotates along without touching a line. They are the viewport's logical units, partners of inline-size and block-size.

inline-size:40vi
.faixa {
  inline-size: 40vi;
  margin-block: 2vb;
}
Live demonstration: a 40vi band — on this page, the same as 40vw; in a vertical writing mode, it would become height.