CSS Dıştan Boşluk (Margin)
Có thể bạn quan tâm
CSS Dersleri
- Ana Sayfa
- İletişim
- margin - Hızlı kullanım
- margin-top - Üstten boşluk
- margin-right - Sağdan boşluk
- margin-bottom - Alttan boşluk
- margin-left - Soldan boşluk
- auto - Kenarlıklar tarayıcı tarafından otomatik ayarlanır
- px - piksel olarak boşluk belirtme
- % - İçerik genişliğine göre oranlar
Ayrı Ayrı Dış Boşlukları Ayarlamak
Üst, sağ, alt ve sol boşlukları ayrı ayrı ayarlanabilir. Bunun için margin komutuna araya tire (-) koyarak ilgili yönün ingilizcesini yazıyoruz.CSS Kodu
.stilim { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; } Yukarıdaki örnekte üst ve alt boşluklar 10 piksel yüksekliğinde, sağ ve sol boşluklar 20 piksel genişliğinde olacaktır.Dış Boşlukları Ayarlamanın Kısa Yolu
Sadece margin kullanarak hepsi için geçerli tek bir tane değer yazabildiğimiz gibi sırasıyla üst, sağ, alt, sol şeklinde değerler girerek de yukarıdaki dört kodun tamamını tek kodda yazabiliriz:CSS Kodu
.stilim { /* Açıklama: margin: [üst] [sağ] [alt] [sol] */ margin: 10px 20px 10px 20px; } Yukarı ve alt değeri ile Sağ ve sol değeri aynı olan ifadelerde şu şekilde de kullanabileceğimizi unutmayalım:CSS Kodu
.stilim { /* Açıklama: margin: [üst|alt] [sağ|sol] */ margin: 10px 20px; } Yazdığımız bu kod, bir önceki yazdığımız kod ile aynı işlevi görecektir.- CSS Dış Kenarlık (Outline)
- CSS İçten Boşluk (Padding)
Temel Bilgiler
CSS Nedir? CSS Kod Yapısı CSS ID ve Class Seçimi CSS Nasıl Eklenir?CSS Stilleri
CSS Arkaplanlar CSS Yazılar CSS Yazı Tipleri CSS Bağlantılar CSS Listeleme CSS TablolarKenarlıklar
CSS Kutu Modeli CSS Kenarlıklar (Border) CSS Dış Kenarlık (Outline) CSS Dıştan Boşluk (Margin) CSS İçten Boşluk (Padding)CSS İleri Düzey
CSS Gruplama ve Üzerine Yazma CSS Sınırlamalar CSS Gösterme - Gizleme CSS Pozisyon Belirleme (position) CSS Kaydırma (float) CSS Hizalama (align) CSS Özel İfadeler (Pseudo) CSS Transparanlık (opacity) CSS Çıktı Türleri (media) CSS Özellik Seçimi (Attribute) CSS'ye Genel Bakış Facebook SayfamızProgramlama Türkiye
Từ khóa » Html Alt Boşluk Kodu
-
Html Boşluk Kodu Ve Html Boşluk Bırakma - Dline
-
HTML Boşluk Kodları | Kodmatik
-
HTML Boşluk Bırakma Kodu - Web Tasarım & Programlama
-
HTML'de Boşluk Nasıl Eklenir?: 6 Adım (Resimlerle) - WikiHow
-
HTML Boşluk Kodu, HTML TAB Boşluk Bırakma ⋆
-
Html Satır Boşluk Kodu Kullanımı - Idebu
-
Html Boşluk Bırakma Kodu Nedir, Örnekli Nasıl Kullanılır?
-
Html Boşluk Kodu Ve Html Boşluk Bırakma | Mehsatek
-
HTML Boşluk Kodu - Coding Nighter Ve MVC Destek Platformu - PHP
-
HTML Boşluk Kodu Oluşturmak! (Adım Adım Açıklama) - ArmyYazilim
-
HTML Boşluk Bırakma Kodu | Türkiye'nin Forum Platformu!
-
CSS İçten Boşluk (Padding)
-
Html Boşluk Bırakma Etiketi - Cetin Yazılım
-
Html Boşluk Kodu, Boşluk Bırakma | CeReZFoRuM