Bir elementin minimum yüksekliğini ayarlamak için kullanılır. Bu değer daha küçük yükseklik değerini önler.
div {
width: 200px;
min-height: 200px;
background: red;
color: white;
}
| Değer | Açıklama |
| none | Hiç bir değer almaz. |
| length | px, cm, % gibi değerler alabilir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 7.0 | 2.0.2 | 7.0 |
Bu yöntem cihazlar için farklı stil kurallarını tanımlamak için kullanılır.
Not: Her cihazın media boyutları ve özellikleri farklıdır.
.media {
background: red;
width: 300px;
height: 300px;
color: white;
}
@media screen and (min-width: 500px) {
.media {
background-color: green;
}
}
| Değer | Açıklama |
| all | Bütün medya türleri için kullanılır. |
| aural | Onaylanmamaktadır. Synthesizers konuşma ve ses için kullanılır. |
| braille | Onaylanmamaktadır. Braille dokunsal cihazlar için kullanılır. |
| embossed | Onaylanmamaktadır. Braille yazıcılar için kullanılır. |
| handheld | Onaylanmamaktadır. Küçük yada avuç içi cihazlar için kullanılır. |
| Yazıcılar için kullanılır. | |
| projection | Onaylanmamaktadır. Slaytlar için öngörülen sunumlar için kullanılır. |
| screen | Bilgisayar ekranları, tabletler, cep telefonları gibi cihazlar için kullanılır. |
| speech | Ekran okuyucular için yüksek sesle sayfayı okur. |
| tty | |
| tv | Televizyon tipi cihazlar için kullanılır. |
| Değer | Açıklama |
| Aspect-ratio | Genişlik ve görüntüleme alanının yüksekliği arasındaki oranı belirler. |
| color | Çıkış cihazı için renk bileşeni başına bit sayısını belirtir. |
| Color-index | Renk sayısını belirler. |
| embossed | Onaylanmamaktadır. Braille yazıcılar için kullanılır. |
| Device-aspect-ratio | Cihazın genişlik ve yüksekliği arasındaki oranını belirtir. |
| Device-height | Cihazın yüksekliğini belirtir. |
| Device-width | Cihazın genişliğini belirtir. |
| grid | Aygıtın bir kılavuz cihazı olup olmadığını belirler. |
| height | Tarayıcı penceresi olarak ekranın yüksekliğini belirtir. |
| max-aspect-ratio | Genişlik ve görüntüleme alanının yüksekliği arasındaki maksimum oranı belirler. |
| Max-color | Çıkış cihazı için maximum renk bileşeni başına bit sayısını belirtir. |
| Max-Color-index | Maximum renk sayısını belirler. |
| Max-device-aspect-ratio | Cihazın maximum genişlik ve yüksekliği arasındaki oranını belirtir. |
| Max-device-height | Cihazın maximum yüksekliğini belirtir. |
| Max-device-width | Cihazın maximum genişliğini belirtir. |
| Max-height | Tarayıcı penceresi olarak ekranın maximum yüksekliğini belirtir. |
| Max-monochrome | Bir tek renkli ( gri tonlama ) cihaz üzerinde ” renk ” başına maximum bit sayısını belirtir. |
| Max-resolution | Dpi veya DPCM kullanılarak , cihaz için maksimum çözünürlük belirler. |
| max-width | Tarayıcı penceresinin maximum genişliğini belirtir. |
| Max-aspect-ratio | Minumum genişlik ve görüntüleme alanının yüksekliği arasındaki oranı belirler. |
| Min-color | Çıkış cihazı için minimum renk bileşeni başına bit sayısını belirtir. |
| min-color-index | minimum renk sayısını belirler. |
| min-device-aspect-ratio | Cihazın minimum genişlik ve yüksekliği arasındaki oranını belirtir. |
| min-device-width | Cihazın minimum genişliğini belirtir. |
| min-device-height | Cihazın minimum yüksekliğini belirtir. |
| min-height | Tarayıcı penceresi olarak ekranın minimum yüksekliğini belirtir. |
| min-monochrome | Bir tek renkli ( gri tonlama ) cihaz üzerinde ” renk ” başına minimum bit sayısını belirtir. |
| min-resolution | Dpi veya DPCM kullanılarak , cihaz için minimum çözünürlük belirler. |
| min-width | Tarayıcı penceresinin minimum genişliğini belirtir. |
| monochrome | Bir tek renkli ( gri tonlama ) cihaz üzerinde ” renk ” başına bit sayısını belirtir. |
| orientation | Ekranın manzara modunda veya portre modunda olup olmadığını belirtir. |
| resolution | Dpi veya DPCM kullanılarak , cihaz için çözünürlük belirler |
| scan | Çıkış aygının tarama süreci belirtir. |
| width | Tarayıcı penceresinin genişliğini belirtir. |
| 21.0 | 3.5 | 9.0 | 4.0 | 9 |
Bir elementin maximum genişliğini ayarlamak için kullanılır. Bu değer elementin daha fazla genişlemesine engel olur.
div {
max-width: 500px;
background: red;
color: white;
}
| Değer | Açıklama |
| none | Hiç bir değer almaz. |
| length | px, cm, % gibi değerler alabilir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 7.0 | 2.0.2 | 7.0 |
Bir elementin maximum yüksekliğini ayarlamak için kullanılır. Bu özellik elementi daha fazla büyümesine engel olur.
div {
max-height: 100px;
background: red;
width: 500px;
color: white;
}
| Değer | Açıklama |
| none | Hiç bir değer almaz. |
| length | px, cm, % gibi değerler alabilir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 7.0 | 2.0.2 | 7.0 |
Sağ taraftan dış boşluk vermek için kullanılır.
p {
display: inline-block;
}
.margin {
margin-right: 50px;
}
| Değer | Açıklama |
| auto | Boşluğu tarayıcı otomatik ayarlar. |
| length | px, cm, % gibi değerler alabilir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 6.0 | 1.0 | 3.5 |
Liste işaretinin türünü belirlemek için kullanılır.
ul{
list-style-type: circle;
}
| Değer | Açıklama |
| disc | İşaretçi içi dolu bir daire şeklini alır. |
| armenian | Ermeni numaralandırması yapılır. |
| circle | İşaretçi içi boş bir daire şeklini alır. |
| Cjk-ideographic | İşaretçi düz ideolojik sayılara dönüşür. |
| decimal | İşaretçi bir sayıya dönüşür. |
| Decimal-leading-zero | İşaretçi bir sayıya dönüşür. Fakat başına 0 değeri alır. (01, 02, 03, … gibi) |
| georgian | İşaretçi geleneksel gürcü numaralandırmasına dönüşür. |
| hebrew | İşaretçi İbranice numaralandırmaya dönüşür. |
| hiragana | İşaretçi geleneksel hiragana numaralandırmasına dönüşür. |
| Hiragana-iroha | İşaretçi geleneksel hiragana iroha numaralandırmasına dönüşür. |
| katakana | İşaretçi geleneksel katakana numaralandırmasına dönüşür. |
| katakana-iroha | İşaretçi geleneksel katakana iroha numaralandırmasına dönüşür. |
| Lower-alpha | İşaretçi (a, b, c, d, … gibi) değere dönüşür. |
| Lower-greek | İşaretçi yunan harflerine dönüşür. |
| Lower-latin | İşaretçi latin harflerine dönüşür. |
| Lower-roman | İşaretçi roman harflerine dönüşür. |
| none | İşaretleyici değer almaz. |
| square | İşaretçi bir kareye dönüşür. |
| Upper-alpha | İşaretçi (A, B, C, D… gibi) değerlere dönüşür. |
| Upper-latin | İşaretçi büyük latin harflerine dönüşür. |
| Upper-roman | İşaretçi roman rakamlarına dönüşür. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 |