Css Dersleri Bölüm 15 Boyutlandırma
Css Boyutlandırması size elementin yüksekliğini ve genişliğini kontrol etmenize olanak tanır.
Sizin denemeniz için örnekler
Elementin Yüksekliği
Bu örnek yüksekliğin ayarlanışını göstermektedir.
Yüzdelik kullanarak bir imajın yüksekliğini ayarlama
Bu örnek yüksekliğin yüzdelikle ayarlanışını göstermektedir.
Pixel kullanarak bir elementin genişliğini ayarlama
Bu örnek element için piksel kullanımı ile genişlik ayarlamasını göstermekte.
Bir elementin maksimum yüksekliği
Bu örnekte bir elemente nasıl en fazla yükseklik verileceği anlatılmakta.
Bir elemente yüzdelik olarak maksimum genişliğin verilmesi
Bir elemente nasıl en fazla genişliğin yüzdelik olarak verileceği anlatılıyor.
Bir elementin en az yüksekliğin verilmesi
Bu örnekte bir elemente nasıl en az yüksekliğin verileceği anlatılıyor.
Bir elemente piksel değerli en az genişliğin verilmesi
Bu örnekte bir elemente piksel değerli en az genişliğin nasıl verildiği anlatılmakta.
Tüm Css Boyutlandırma Özellikleri
“CSS”te yer alan sayılar CSS versiyonunu belirtir. Css 1 veya 2 olarak…
| Özellik | Tanım | Değer | CSS |
|---|---|---|---|
| height | Bir elementin yüksekliğini belirler | auto length % inherit | 1 |
| max-height | Bir elementin en fazla yüksekliğini belirler | none length % inherit | 2 |
| max-width | Bir elementin en fazla genişliğini belirler | none length % inherit | 2 |
| min-height | Bir elementin en az yüksekliğini belirler | length % inherit | 2 |
| min-width | Bir elementin en az genişliğini belirler | length % inherit | 2 |
| width | Bir elementin genişliğini belirler | auto length % inherit | 1 |