Harun İstenci
Harun İSTENCİ
Kurucu ve Yönetici
 1997 yılında İstanbul'da dünyaya geldi ve memleketi Kastamonu. Çocukluğundan bu yana bilgisayar sistemleri üzerinde çalışıyor ve internet üzerinde içerik üretiyor...

Kişisel Web Sitesi: harunistenci.com

Öne Çıkan Şehirler

İstanbul
Sivas
Safranbolu
Kastamonu
Eskişehir
Edirne
Denizli
A320 Ailesi Aero Spacelines Afyonkarahisar Airbus Aliya İzzetbegoviç Almanya Amasya Ankara Antik Kent Antonov Araç Arkadaşlar Arkeoloji Avrupa AWACS Aydın Aydın Çufaoğlu Ayvalık Azdavay Baden-Württemberg BAE Systems Balıkesir Basın Açıklaması Bedesten Bergama Beşiktaş Beyoğlu Bilecik Blog Boeing Bolu Bombardier Bosna Hersek Breguet Bursa Cami Cide Concorde CSS Eğitimleri Çarşı Çevre Denizli Doğa Douglas Aircraft Company EADS Edirne Efes Eğitim Eğlence Eminönü Erasmus Erzincan Eskişehir Fatih Fokker Fransa Galeri Gar Gebze Göl Göynük Grand Theft Auto Guppy Gürün Haber Hamam Han Harun İstenci Havacılık Hayvanlar Heidelberg Heykel Ilgaz Ilyushin İğdir İnsanlar İnternet İsmail Ulukaya İstanbul İstenci Developer İşletim Sistemleri İzmir İzmit Jumbo Jet Kadıköy Kale Kanyon Karaağaç Karabük Karşılaştırma Kartepe Kastamonu Kemaliye Keşfet Kilise Kocaeli Konak Konya Köprü Külliye Küre Linus Torvalds Linux Lockheed Lockheed Martin Ludwigshafen Maltepe Mannheim Marmaris McDonnell Douglas Medrese Merak Edilenler Microsoft Moda Motivasyon Muğla Muhammet Ali Sağlar Müze Nedir Ortaköy Osmangazi Oyunlar Paris PC Saat Kulesi Safranbolu Sakarya Sapanca Sivas Sivrihisar Siyaset Sorun Çözümü Strasbourg Stratolaunch Suhoy Sukhoi Süpersonik Şelale Şile Tarih Tarihe Yön Verenler Taşköprü Trakya Tupolev Türbe Ubuntu Uçaklar United Aircraft Coorparation Üsküdar Vickers Vickers-Armstrongs Limited Video Web Tasarım Wilfrid Voynich Windows Windows10 Windows7 Yazılım Yelken Yerler Yollar Yurt dışı

CSS - Katmanlar (z-index) Kullanımı
Bu CSS eğitim yayınımızda sizlere katman oluşturmayı yani z-index komutunun kullanımını CSS standartlarında anlatmaya çalışacağız...

z-index, konumlandırma elementleri uygulanmış katmanların z-eksenindeki konumu belirlemek için kullanılır.
CSS - Katmanlar (z-index) Kullanımı
z-index tüm elementlere uygulanamaz sadece konumlandırma değeri atanmış (position) elementlere uygulanır. Bunun anlamı eğer bir elementi aynı z-ekseni üzerinde üste veya alt sıraya atmak istiyorsanız ilk olarak sırası ile konumlandırma değeri (position) atamalısınız.

See the Pen z-index Kullanımı by harunistenci (@harunistenci) on CodePen.

Yukarıdaki örnekte iki farklı renkte ki katmanı z-index ile sıraya soktuk. Sizde bilgisayarınızdaki editöre kodları kopyalayarak, z-index değerlerini değiştirerek alıştırma yapabilirsiniz. Photoshop ve diğer Adobe creative programlarını kullanan kullanıcılar bilir katmanların ne kadar büyük bir öneme sahip olduğunu. Aynı şekilde CSS biçimlendirme dilinde de katmanları veya nesneleri z-index yardımı ile z ekseninde sıraya sokmak tasarım üzerine kod yazarken işinizi baya kolaylaştıracaktır. Bütün bunların yanı sıra z-index komutu hakkında bilinmesi gereken bazı önemli notları aşağıda maddeler halinde sunduk.

  • z-index değeri; aynı z-ekseninde bulunan(kapsayan elementler hariç) katmanların altta mı üstte mi kalacağınız belirlemek için kullanılır.
  • z-index sadece position değeri relative, absolute ve fixed olan nesnelere uygulanır.
  • Saydamlık değeri(opacity) 1’den küçük verilen nesnelerde z-index kullanımı daha kolay anlaşılır.
  • Konumlandırma uygulanmış elementlerde z-index etkileri
  • Mevcut sıralama durumunda elementin sırasını belirler
  • Elementin kendi kısmındaki durumun belirler
  • Eğer z-index değeri atanmamış ise z-eksenindeki arkadan öne doğru sıralama aşağıdaki gibidir:
  • Normal akıştaki kutular koddaki sıraya göre sıralanır
  • float uygulanmış kutular
  • Konumlandırma uygulanmış elementlerde ise kodlamadaki sıraya göre


Bu içerik Harun İstenci tarafından aşağıda belirtilmiş olan kategoriler altında oluşturulmuş ve yayınlanmıştır. İçeriğin kopyalanması 5846 sayılı Fikir ve Sanat Eserleri Kanunu'na göre suçtur. | İstenci Systems
Yazar Bilgisi: Harun İstenci Hakkında
Harun İstenci Hakkında
1997 yılında İstanbul'da dünyaya geldi ve memleketi Kastamonu. Çocukluğundan bu yana bilgisayar sistemleri üzerinde çalışıyor ve internet üzerinde içerik üretiyor...
Harun İstenci Resmi Web Sitesi Hakkında Daha Fazla >

Bu CSS eğitim yayınımızda sizlere katman oluşturmayı yani z-index komutunun kullanımını CSS standartlarında anlatmaya çalışacağız...

Yorum Gönderme

Yorum alanı herkese açıktır. Olağan dışı bir yorum algılandığında topluluk politikalarımız gereğince 24 saat içinde kaldırılacaktır.

[blogger][disqus]

Author Name

İletişim Formu

Ad

E-posta *

Mesaj *

Blogger tarafından desteklenmektedir.