CSS Margin Özellikleri
CSS margin özellikleri unsurları etrafında boşluk oluşturmak için kullanılır.
margin özellikleri sınırına DIŞINDA boşluk boyutunu ayarlamak.
Bu türünde bir margin 80px arasında.
CSS Margins
CSS margin özellikleri sınırında DIŞINDA boşluk boyutunu ayarlamak.
Note: margins tamamen şeffaftır - ve bir arka plan rengi olamaz!
CSS ile, üzerinde tam kontrole sahip margins . Ayarlamak için CSS özelliklerini vardır margin bir elementin her tarafı için (top, right, bottom, and left) .
Margin - Bireysel Sides
CSS belirlenmesi için özelliklere sahip margin bir eleman her bir tarafı için:
-
margin-top -
margin-right -
margin-bottom -
margin-left
Tüm margin özellikleri şu değerlere sahip olabilir:
- auto - Tarayıcı hesaplar margin
- uzunluk - bir belirtir margin bölgesindeki px, pt, cm , vb
- -% bir belirtir margin ihtiva eden elemanın genişliğinin% olarak
- miras - belirtir margin üst öğesinden miras edilmelidir
Note: negatif değerleri kullanmak da mümkündür margins ; içeriği üst üste.
Aşağıdaki örnekte, farklı ayarlar margins bir dört taraf için <p> elemanı:
Örnek
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
} Kendin dene " Aşağıdaki örnek, sol sağlar margin üst öğesinden miras:
Örnek
div.container {
border: 1px solid red;
margin-left: 100px;
}
p.one {
margin-left:
inherit;
} Kendin dene " Margin - Steno Mülkiyet
Kodunu kısaltmak için, bütün belirtmek mümkündür margin bir mülkte özelliklerini.
margin özelliği aşağıdaki bağımsız bir stenografi özelliği olan margin özellikleri:
-
margin-top -
margin-right -
margin-bottom -
margin-left
nasıl çalıştığını Yani, burada:
Eğer margin özellik dört değer vardır:
- margin : 25px 50px 75px 100px;
- üst kenar boşluğu 25 piksel olduğunu
- sağ kenar 50px olduğunu
- alt kenar boşluğu 75px olduğunu
- sol kenar boşluğu 100px olduğunu
Eğer margin özellik üç değer vardır:
- margin : 25px 50px 75px;
- üst kenar boşluğu 25 piksel olduğunu
- sağ ve sol kenar boşlukları 50px vardır
- alt kenar boşluğu 75px olduğunu
Eğer margin özellik iki değer vardır:
- margin : 25px 50px;
- Üst ve alt kenar boşlukları 25px vardır
- sağ ve sol kenar boşlukları 50px vardır
Eğer margin özellik bir değeri vardır:
- margin : 25px;
- Dört marjları 25px vardır
oto Değerinin Kullanımı
Ayarlayabilirsiniz margin mülkü auto yatay onun kapsayıcı içindeki eleman merkezi.
Eleman daha sonra belirtilen genişliğe alacak ve kalan kısım sol ve sağ arasında eşit bölünmüş olacaktır margins :
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Alıştırma 4»
Tüm CSS Marjı Özellikleri
| özellik | Açıklama |
|---|---|
| margin | Ayarlamak için bir stenografi özelliği margin tek bildiriminde özelliklerini |
| margin-bottom | Alt ayarlar margin bir elementin |
| margin-left | Sol ayarlar margin bir elementin |
| margin-right | Doğru ayarlar margin bir elementin |
| margin-top | Üst ayarlar margin bir elementin |