<select>
<optgroup label="W3TR">
<option value="html">html</option>
<option value="css">css</option>
</optgroup>
</select>
Açılır listeyi gruplamak için kullanılır.
| Değer | Açıklama |
| disabled | Devre dışı bırakılacağını belirtmek için kullanılır. |
| label | Etiket belirtmek için kullanılır. |
<p>orem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri <br/>standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.</p>
Bu etiket satır sonu eklemek için kullanılır.
Bir div içinde bazı divlerimiz var diyelim.Bunları width height vermeden hepsini içine sığacak şekilde sığdırabiliriz.İstersek genişliklerini de değiştirebiliriz. Ama bunda height hep sonuna kadar iner.Bir nevi alanı tablo gibi özellikler sağlıyor.
.flex{
display: -webkit-flex; /* Safari */
display: flex;
width: 300px;
background: red;
padding: 10px;
color: white;
}
| Değer | Açıklama |
| flex-grow | Flex-grow divlerin boyutlandırmasını yapar.Değer olarak sayıları alır. |
| flex-basis | Flex-basis de flex-grow gibi boyutlandırma yapar,ama bu px gibi değer alarak yapar. |
| flex-shrink | Flex-shrink değeri kadar o element diğerlerine göre fazladan daralacaktır.Varsayılan değeri 1 dir |
| auto | ayarı 1 1 e otomatik olarak ayarlar. |
| none | ayarı 0 0 a otomatik olarak ayarlar. |
| İnital | |
| İnherit |
| 29.0 21.0-webkit |
28.0 18.0-moz |
11.0 10.0-ms- |
6.1-webkit | 12.10 |
Tablodaki boş hücreler için arka plan ve kenarlık özelliklerinin uygulanıp uygulanmayacağını belirlemek için kullanılır.
table {
empty-cells: hide;
}
| Değer | Açıklama |
| show | kenarlık ve arka plan özellikleri tüm hücrelere uygulanır. Bu varsayılan değerdir. |
| hide | arka plan ve kenarlık özellikleri boş hücrelere uygulanmaz |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 8.0 | 1.2 | 4.0 |
Bir html öğesi için kullanılan kutu türünü belirtmek için kullanılır.
p {
display: inline-block;
}
| Değer | Açıklama |
| inline | satır içi element olarak görüntülenir. |
| block | blok elementi olarak görüntülenir. |
| flex | esnek bir blok elementi olarak görüntülenir. |
| inline-block | satır içi blok elementi olarak görüntülenir. |
| inline-flex | satır içi esnek element olarak görüntülenir. |
| inline-table | satır için tablo elementi olarak görüntülenir. |
| list-item | liste elementi olarak görüntülenir. |
| run-in | satır içi veya blok element olarak görüntülenir. |
| table | tablo elementi olarak görüntülenir. |
| table-caption | caption elementi olarak görüntülenir. |
| table-column-group | Colgroup elementi olarak görüntülenir. |
| table-header-group | Thead elementi olarak görüntülenir. |
| table-footer-group | tfoot elementi olarak görüntülenir. |
| table-row-group | tbody elementi olarak görüntülenir. |
| table-cell | td elementi olarak görüntülenir. |
| table-column | col elementi olarak görüntülenir. |
| table-row | tr elementi olarak görüntülenir. |
| none | element görüntülenmez. |
| İnital | |
| İnherit |
| 4.0 | 3.0 | 8.0 | 3.1 | 7.0 |
Metinin yazma yönünü belirlemek için kullanılır.
.direction {
direction: rtl;
}
| Değer | Açıklama |
| ltr | Yazma yönünün soldan sağa olduğunu belirtmek için kullanılır. |
| rtl | Yazma yönünün sağdan sola olduğunu belirtmek için kullanılır. |
| İnital | |
| İnherit |
| 2.0 | 1.0 | 5.5 | 1.3 | 9.2 |
Elementin üzerine gelince görüntülenecek olan imlecin tipini belirtmek için kullanılır.
span {
cursor: pointer;
}
| Değer | Açıklama |
| İnital | |
| İnherit |
| 4.0 | 2.0 | 8.0 | 3.1 | 9.6 |
Bir veya birden fazla sayaç değerini sıfırlar.
h3 {
counter-reset: subsection;
}
| Değer | Açıklama |
| none | hiç bir sayaç sıfırlama değeri almaz. |
| name | Hangi sayaç sıfırlanacağı isim ile belirlenir. |
| number | Hangi sayacın sıfırlanacağı numara ile ayarlanır. |
| İnital | |
| İnherit |
| 4.0 | 2.0 | 8.0 | 3.1 | 9.6 |
Bir veya birden fazla sayaç arttırma değeridir. Genellikle counter-reset property ve content özellikleriyle birlikte kullanılır.
h3 {
counter-increment: section;
}
h2 {
counter-increment: subsection;
}
| Değer | Açıklama |
| none | hiç bir sayaç artırılmaz. |
| id | Hangi saçların arttırılacağını belirtir. Hangi sayacın ne kadar arttırılacağını belirtilir. Gecikme zamanı 1 veya negatif değerlere izin verilir. Başlangıç değeri girilmemiş ise varsayılan değer 0 olarak alınır. |
| Column-count | Sütun sayısı belirtir. |
| İnital | |
| İnherit |
| 4.0 | 2.0 | 8.0 | 3.1 | 9.6 |
Bir elementin öncesine(before) veya sonrasına(after) css ile bir içerik oluşturmak için kullanılır. Content: ‘’ şeklindeki ifadenin içerisi doldurularak yada boş bırakılarak oluşturmak mümkün olacaktır. Oluşturacağımız içeriğe göre değişkenlik gösterir.
p a:after {
content:" (" attr(href) ")";
}
| Değer | Açıklama |
| auto | Belirtilirse hiçbir özellik kazanmaz. Varsayılan değeridir. |
| none | Belirtilmiş içeriğe hiçbir değer vermez. |
| counter | |
| attr | Elementin attr’sini seçilebilir olmasını sağlar. |
| string | Belirlediğimiz metnin içeriğini belirler. |
| Open-quote | Belirlediğimiz elementi ya da metni tırnak başlangıç noktasını belirler. |
| Close-quote | Belirlediğimiz elementi ya da metni tırnak bitiş noktasını belirler. |
| No-open-quote | Belirtilmişse içerikten açılış teklifi kaldırır |
| url | Elementin öncesine veya sonrasına bir url değişkeni yükler. Yani resim atmanıza imkan sağlar. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 8.0 | 1.0 | 4.0 |