Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

Yazdığım özellikler ne işe yarıyor?

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
4
Cevap
0
Favori
530
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj

  • Merhaba, aşağıda belirttiğim özellikler ne işe yarar kısaca yazabilir misiniz?

    • -webkit-background-size: cover;
    • box-sizing: border-box;
    • position: relative;
    • display: flex;
    • position: absolute;



  • Bilenler de açıklamaya uğraşmaz, css kaynaklarını araştırmanız gerek,

    Altta birkaçını örnekledim;


    cover için;

    https://fatihhayrioglu.com/images/background-size_cover_contain.gif


    absolute için;

    https://www.w3schools.com/css/css_positioning.asp

    https://www.webcebir.com/192-css-position-konumlandirma-nedir-dersi.html


    < Bu mesaj bu kişi tarafından değiştirildi iGroN -- 2 Mayıs 2021; 23:43:30 >




  • -webkit-background-size: cover;
    Bulunduğu div'in şeklini koruyarak arkaplanı şekillendirir.

    box-sizing: border-box;
    Div'in yüksekliğini ve genişliğini değiştirmeden, (border) kenar çizgilerini div içine sığdırır. Özetle, div'e border eklendiğinde taşma yaptırmaz. Div boyutu sabit kalır.

    position: relative;
    Bir önceki div'in niteliğine göre, onu dikkate alarak göreceli şekilde konumlandırmayı sağlar.

    display: flex;
    Esnek konumlandırmayı sağlar. Flex'in farklı niteliklerini kullanarak, içerik konumlandırmasını kendi isteklerine göre bölümlendirebilmeni sağlar. Bu kod, diğerlerine göre daha kapsamlıdır ve birkaç özellikle kullanılır. Bunun için flex niteliklerini araştırabilirsin.

    position: absolute;
    Mutlak konumlandırmayı sağlar. Div, verilen niteliklere göre ekranın sabit bir noktasına konumlandırılır.
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız