HTML and CSS Reference
In-Depth Information
device-height: 400px)
applies when the device's output area is less than 400 pixels
tall.
aspect-ratio
,,
min-aspect-ratio
min-aspect-ratio
,,
max-aspect-ratio
aspect-ratio
max-aspect-ratio
Values: <ratio>
alues: <ratio>
Refers to the ratio that results from comparing the
width
media feature to the
height
me-
dia feature (see the definition of <ratio>). Thus,
(min-aspect-ratio: 2/1)
applies to
any viewport whose width-to-height ratio is at least 2:1.
device-aspect-ratio
,,
min-device-aspect-ratio
min-device-aspect-ratio
,,
max-device-aspect-ratio
device-aspect-ratio
max-device-aspect-ratio
Values: <length>
alues: <length>
Refers to the ratio that results from comparing the
device-width
media feature to the
device-eight
media feature (see the definition of <ratio>). Thus,
(device-aspect-ra-
tio: 16/9)
applies to any output device whose display area width-to-height is exactly
16:9.
color
,,
min-color
min-color
,,
max-color
color
max-color
Values: <integer>
alues: <integer>
Refers to the presence of color-display capability in the output device, with an optional
number representing the number of bits used in each color component. Thus,
(color)
ap-
plies to any device with any color depth at all, whereas
(min-color: 4)
means there must
be at least four bits used per color component. Any device that does not support color will
return
0
.
color-index
,,
min-color-index
min-color-index
,,
max-color-index
color-index
max-color-index
Values: <integer>
alues: <integer>
Refers to the total number of colors available in the output device's color lookup table.
Any device that does not use a color lookup table will return
0
. Thus,
(min-color-index:
256)
applies to any device with a minimum of 256 colors available.
monochrome
,,
min-monochrome
min-monochrome
,,
max-monochrome
monochrome
max-monochrome
Values: <integer>
alues: <integer>
Refers to the presence of a monochrome display, with an optional number of bits-per-pixel
in the output device's frame buffer. Any device that is not monochrome will return
0
. Thus,
(monochrome)
applies to any monochrome output device, whereas
(min-monochrome:
2)
means any monochrome output device with a minimum of 2 bits per pixel in the frame
buffer.