HTML <style> media 属性

HTML <style> ƙadda

Kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya.

media Kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya.

Kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya.

Kara ɗaya ɗaya:Kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya.

Kara ɗaya ɗaya.

Kara ɗaya ɗaya.

Kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya.

<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>

Kara ɗaya ɗaya.

Kara ɗaya ɗaya.

Kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya.

<style media="screen AND (max-width:500px)" type="text/css">
a {
  background-color: grey;
  color: white;
  padding: 15px;
}
</style>
<style media="screen AND (min-width:500px)" type="text/css">
a {
  color: red;
  font-weight: 400;
}
</style>

Kara ɗaya ɗaya.

Kara ɗaya ɗaya:Kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya. Ɗaya ɗaya yin kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya.

Kara ɗaya ɗaya.

<style media="value>

Kara ɗaya ɗaya.

Kara ɗaya ɗaya. 描述
and Kara ɗaya ɗaya.
not Kara ɗaya ɗaya.
, Kara ɗaya ɗaya.

Kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya. Ɗaya ɗaya yin tattara kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya. Tabbin daga baya yin tattara kara ɗaya ɗaya kara ɗaya ɗaya kara ɗaya ɗaya.

Kara ɗaya ɗaya.

Kara ɗaya ɗaya. 描述
all Kara ɗaya ɗaya. Yana da kara ɗaya ɗaya.
aural Kara ɗaya ɗaya.
braille Kara ɗaya ɗaya.
handheld Kara ɗaya ɗaya (karakarar ɗaya ɗaya, kara ɗaya ɗaya).
projection Kara ɗaya ɗaya.
print Kara ɗaya ɗaya / kara ɗaya ɗaya.
screen Kara ɗaya ɗaya.
tty Kara ɗaya ɗaya da kara ɗaya ɗaya da kara ɗaya ɗaya.
tv Kara tasi (ƙarfin rarraba, kara ɗaya ɗaya kara).

Bakannan baɗa yin kara taɗaɗin kara. Kuma ɗaya ɗaya kara (tasi ake kira screen da print) kuma ɗaya ɗaya kara (tasi ake kira handheld) kuma ɗaya ɗaya kara kuma ɗaya ɗaya kara. Ɗaya ɗaya yin tattara kara ɗaya ɗaya kara don tattara kara ɗaya ɗaya kara kuma kara ɗaya ɗaya kara.

特性

特性 描述
width

规定目标显示区域的宽度。

zai iya ce min- da max- aya kudu.

例如：media="screen and (min-width:500px)"
height

规定目标显示区域的高度。

zai iya ce min- da max- aya kudu.

例如：media="screen and (max-height:700px)"
device-width

规定目标显示器/纸张的宽度。

zai iya ce min- da max- aya kudu.

例如：media="screen and (device-width:500px)"
device-height

规定目标显示器/纸张的高度。

zai iya ce min- da max- aya kudu.

例如：media="screen and (device-height:500px)"
orientation

规定目标显示器/纸张的方向。

支持的值：portrait 或 landscape。

该特性没有限定词。

例如：media="all and (orientation: landscape)"
aspect-ratio

规定目标显示区域的宽度/高度比。

zai iya ce min- da max- aya kudu.

例如：media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

规定目标显示器/纸张的设备宽度/设备高度比率。

zai iya ce min- da max- aya kudu.

例如：media="screen and (aspect-ratio:16/9)"
color

规定目标显示器每种颜色的位数。

zai iya ce min- da max- aya kudu.

例如：media="screen and (color:3)"
color-index

规定目标显示器可以处理的颜色数。

zai iya ce min- da max- aya kudu.

misali: media="screen and (min-color-index:256)"
monochrome

kaifa tsofanin kanamun kanamun tsofanin kanamun kanamun tsofanin.

zai iya ce min- da max- aya kudu.

misali: media="screen and (monochrome:2)"
resolution

kaifa tsofanin kanamun kanamun tsofanin (dpi ko dpcm).

zai iya ce min- da max- aya kudu.

misali: media="print and (resolution:300dpi)"
scan

kaifa tsofanin kanamun kanamun tsofanin.

nakanta aya: progressive da interlace.

该特性没有限定词。

misali: media="tv and (scan:interlace)"
grid

规定输出设备是网格还是位图。

网格型设备使用固定的网格显示内容，例如基于字符的终端和单行显示的寻呼机。

支持的值有 0 和 1（1 代表网格型设备）。

该特性没有限定词。

例如：media="handheld and (grid:1)"

width 等特性通常会跟限定词 min 和 max 配合使用。不用这些限定词，让样式的使用取决于非常精确的窗口尺寸也行，但是加上限定词会让条件变得更加灵活。

上表列出并介绍了可用的各种特性。若非特别点明，这些特性都可以用 min- 和 max- 修饰，构成阈值而不是精确值。

与规定设备的情况类似，这些特性也是由浏览器负责解释。关于浏览器认识哪些特性以及认定这些特性什么时候存在并且可以使用，其具体情况纷纭繁杂。如果要根据这些特性应用样式，请务必进行全面的测试，并且准备好预期特性不可用时改用的备用样式。

Ci gaba da ƙasashen ƙashe

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ci gaba Ci gaba Ci gaba Ci gaba Ci gaba

HTML <style> ƙadda