Top

dersler Tag

  • All
  • Dijital medya
  • Dijital reklam
  • Dijital strateji
  • Eğitim
  • Growth hacking
  • Haber
  • İnceleme
  • Kişisel
  • Kurumsal
  • Markalar
  • Medya
  • Rehber
  • Teknoloji

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.

Remarkİç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;

Siz de deneyebilirsiniz bu adresten »

 


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.

Bir dış çizgi elementlerin, kenar çizgisinin hemen dışında yer alan bir çizgidir ve   göze çarpan bir görünüm oluşmasını sağlar.

Outline’in ozellikleri style, color ve  outline’in yani dış çizginin width’i yani genişliğinin belirlenmesi .


Örnekler

Bir elementin çevresine çizgi çekme (outline)
Bir elementin dışına nasıl çizgi çekileceğini gösterir .

Bir outline’a yani dış çizgiye biçim verme
Outline style’ının gösterimi.

Bir outline’a renk verme
Bir dışçizgiye nasıl renk verildiğini gösterir.

Bir outline’ın yani dış çizginin genişliğini belirleme
Dış çizginin genişliğinin belirlenmesini gösterir.


CSS Outline

Elementlerin çevresinde olan bir dış çizgidir. (Kenar ya da çerçeve çizgisinin de dışında) Elementin oturmuş görünmesini sağlar.

Yalnız,Border özelliğinden farklılık içerir.