Hoşgeldin, Ziyaretçi:
Yada Üye Ol

Kayıt:

Yeni bir konu açıp, diğer konulara cevap verebilirsiniz.
Z-TR Gaming Forumuna kayıt olarak, tartışmalara katılabilirsiniz.
İyi bir kullanıcı olursanız şirinleride görebilirsiniz.


Konuyu Takip Et

CSS Kodları Ve Anlamları

Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5


CSS Kodları Ve Anlamları

#1
Çevrimdışı MaseR

    [Z-TR] Topluluk Üyesi

  • [Z-TR] Topluluk Üyesi
  • Yorum:
    13
  • Konu:
    6
  • Kayıt:
    11-02-2017
  • Üye Sayısı
    662

  • Merhaba Ben MaseR. Bugün sizlere CSS Kodlarını ve anlamlarını paylaşacağım."Alıntıdır"

        LİNK ÖZELLİKLERİ
        a :Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.
        a:hover :Linkin imleç üzerine getirildiğindeki durumudur.
        a:active :Linkin tıklandığı andaki durumudur.
        a:visited :Linkin tıklandıktan sonraki durumudur.

        BİÇİMLENDİRME:
       color:Linkin rengini belirler.
       background-color:Linkin zemin rengini belirler.
        background-image:Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
       text-decoration:Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.
        font-weight:Yazının kalınlık veya inceliğini belirler.
        border:Linkin etrafına kenarlık ekler.
        display:Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.

        LİSTE ÖZELLİKLERİ
        disk:Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.
        circle : Liste biçiminin çember şeklinde olmasını sağlar.
        square : Liste biçiminin kare olmasını sağlar.
        decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
        lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.
        upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.
        lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.
        upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.
       none : Listenin simgesiz olmasını sağlar.
        inside : Listenin ikinci satırının en soldan başlamasını sağlar.
        Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.
       list-style-image : Liste biçiminin resim olmasını sağlar.

        KATMAN ÖZELLİKLERİ
        position:Katmanın yerinin belirlenmesini sağlar.
        absolute:Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
        relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
        static:Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
        top:Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.
        left:Katmanın soldan ne kadar içeride olması gerektiğini belirler.
        width:Katmanın genişliğinin ne kadar olacağını belirler.
        height:Katmanın yüksekliğinin ne kadar olacağını belirler.
       overflow:Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
        auto:Otomatik olarak belirlenir.
        scroll:Kaydırma çubuğu ekleyerek görünmesini sağlar.
        visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
       hidden:Sığmayan yerleri gizler.
        visibility:Katmanın görünebilirlik ayarını yapar.
        visible : Katmanın görünür olmasını sağlar.
       hidden:Katmanı gizler.
       z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.

       FONT ÖZELLİKLERİ
        font-family:Yazı türünü belirler.(Arial , Verdana gibi.)
        font-style:Yazının normal veya sağa eğik olmasını sağlar.
        font-variant:Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.
        font-weight:Yazının kalınlık-inceliğini belirler.
        font-size:Yazının büyüklüğünü belirler.

        TEXT ÖZELLİKLERİ
       word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.
        letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.
        text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.
        underline : Kelimenin altının (Satır altından) çizili olmasını sağlar.
        overline : Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.
        line-through : Kelimenin ortasından çizili olmasını sağlar.
        blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)
        vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler.
        text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.
        capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar.
        uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar.
        lowercase :Kelimelerin bütün harflerinin küçük olmasını sağlar.
        none : Kelimelerin orjinal metindeki gibi olmasını sağlar.
        text-align: Metnin dikey olarak nasıl hizalanacağını belirler.
       left : Metni sola yaslar.
        right : Metni sağa yaslar.
        center : Metni ortalar.
        justify : Metni iki yana yaslar.
        text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.
        line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)
        first-line : Metnin ilk satırının biçimlendirilmesini sağlar.
        first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.

        İMLEÇ ÖZELLİKLERİ
       crosshair:İmlecin artı işareti şeklinde olmasını sağlar.
        auto:İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.
        default:İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.
        hand:İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.
        move:İmlecin taşıma işareti şeklinde olmasını sağlar.
        ne-resize:İmlecin sağa yatık normal ok olmasını sağlar.
        nw-resize:İmlecin sola yatık normal ok olmasını sağlar.
       se-resize:İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.
        sw-resize:İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.
         n-resize:İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.
         s-resize:İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.
        w-resize:İmlecin sola doğru ince ok şeklinde olmasını sağlar.
         e-resize:İmlecin sağa doğru ince ok şeklinde olmasını sağlar.
         text:İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.
        wait:İmlecin meşgul animasyonuna dönüşmesini sağlar.
       help:İmlecin yardım-soru işaretine dönüşmesini sağlar

        ZEMİN ÖZELLİKLERİ
        background-color: Zeminin rengini belirler.
       #color : Renk adı.
        transparent: Zeminin saydam olmasını sağlar.
        background-image: Zemine resim yerleştirilmesini sağlar.
        url : Zemine yerleştirilen resmin adresi.
        background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.
        repeat : Resmin bütün zemine yayılmasını sağlar.
        repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
       repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
        no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
       background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
        scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
       fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar
        background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
        top : Resmi yukarı yerleştirir.
        center : Resmi ortalar.
        bottom : Resmi aşağı yerleştirir.
        left : Resmi sola yerleştirir.
        right: Resmi sağa yerleştirir.
        …px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.

        TABLO ÖZELLİKLERİ
        margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
        margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.
        margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.
       margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.
        margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.

        padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.
        padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
        padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
        padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
        padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

        border : Tablonun kenarlarının şekillendirilmesini sağlar.

        border-top : Tablonun üst kenarının şekillendirilmesini sağlar.
        border-left : Tablonun sol kenarının şekillendirilmesini sağlar.
        border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.
        border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.

        border-width : Tablonun kenarlarının kalınlığını belirler.
        border-top-width : Tablonun üst kenarının kalınlığını belirler.
        border-right-width : Tablonun sağ kenarının kalınlığını belirler.
        border-bottom-width : Tablonun alt kenarının kalınlığını belirler.
        border-left-width : Tablonun sol kenarının kalınlığını belirler.

    border-style : Tablonun kenarlık türünü belirler.
    border-top-style : Tablonun üst kenarlık türünü belirler.
    border-right-style :Tablonun sağ kenarlık türünü belirler.
    border-bottom-style : Tablonun alt kenarlık türünü belirler.
    border-left-style : Tablonun sol kenarlık türünü belirler.

    border-color : Tablonun kenarlarının rengini belirler.
    border-top-color : Tablonun üst kenarının rengini belirler.
    border-right-color : Tablonun sağ kenarının rengini belirler.
    border-bottom-color :Tablonun alt kenarının rengini belirler.
    border-left-color : Tablonun sol kenarının rengini belirler.

    color : Tabloda geçen metnin rengini belirler.
    width : Tablonon genişliğini belirler.
    height : Tablonun yüksekliğini belirler.

    #2
    Çevrimdışı Daqe

      Oğuzhan Eken

    • [Z-TR] Super Moderator
  • Yorum:
    198
  • Konu:
    36
  • Kayıt:
    23-08-2015
  • Üye Sayısı
    9

  • Konu sabitlendi.






    Hızlı Menü:

    Konuyu Okuyanlar:

    1 Ziyaretçi