Zum Inhalt springen

Web, Dokumente und Technik

CSS-Pixel

Kurz und einfach erklärt

Ein CSS-Pixel ist ein Maß für Größen auf Webseiten.

Der Browser rechnet damit Breiten und Abstände aus. Es ist nicht unbedingt so groß wie ein Punkt auf dem Bildschirm.

Die Regeln für Barrierefreiheit nennen Größen in diesem Maß. Ein Beispiel ist die Größe von Knöpfen.

Definition
Ein CSS-Pixel ist die Maßeinheit, mit der Browser Größen und Abstände auf Webseiten berechnen. Er entspricht nicht unbedingt einem Bildpunkt des Bildschirms, auf hochauflösenden Displays umfasst er mehrere. Die WCAG geben die Mindestgröße von Klickflächen und die Breite für den Umbruch beim Vergrößern in CSS-Pixeln an.