Crisp edges/pixelated images

Overview

The counter-increment and counter-reset properties are used to control the value of a counter in generated content.

Formal Definition

Specifications

CSS Images Module Level 3 # the-image-rendering

Syntax

/* Keyword values */
 image-rendering: auto;
 image-rendering: crisp-edges;
 image-rendering: pixelated;
 /* Global values */
 image-rendering: inherit;
 image-rendering: initial;
 image-rendering: revert;
 image-rendering: unset;

Code snippets

index.html

Source:index.html

Browser Compatibility