CSS Dersleri Bölüm 12 – Margin
Uzunca bir boşluktan sonra tekrar yazabildim. Ve şimdi konumuzu anlatayım.
Element çevresindeki boşluklar margin’i tanımlar. Css’te margin olarak kullanabiliriz tabi.
Bir elementin dış çevre boşluğunu ifade eder marjin. (kenarların dışında kalan yerler). Bu bölgenin hiçbir rengi yoktur ve tamamen saydamdır.
The top, right, bottom, and left margin can be changed independently using separate properties. A shorthand margin property can also be used, to change all margins at once.
Kullanılabilen değerler
| Değer | Tanım |
|---|---|
| auto | Tarayıcı dış boşlukları ayarlar. Tarayıcıya bağlı bir sonuç oluşur burada. |
| length | Sabit bir boşluk yani marjin oluşur bu durumda (pixel(px) ile, punto(pt) ile veya em ile belirlenir.) |
| % | Elementin yüzdelik değerini içeren bir boşluk belirtir. |
İçeriye alabilmek için eksi yönde değerler de kullanabilmeniz mümkün.
Margin – Tekil kenarlar
CSS’te, farklı kenarlara farklı boşluk ölçüleri verilmesi mümkündür:
Örnek
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
Margin – Kısayazım özelliği
Kodun kısa yazımı, tüm margin özelliklerinin tek bir margin tanımında yazılabilmesiyle olur. Bu kısayazım özelliğidir.