İkizlerBilişim
 
  Ana Sayfa
  Ziyaretçi defteri
  ATATÜRK'ÜN Hayatı
  iletişim
  Devrimleri
  Gençlige Hitabe
  10.yıl Marşı
  İstiklal Marşı
  Anılarla Atatürk
  Vecizeler
  Atatürk Fotoğrafları
  ATATÜRK KRONOLOJİSİ
  DIŞ BASINDAN ATATÜRK
  ATATÜRK İLKELERİ
  Atatürk’ün Eserleri
  Atatürkün Anıları
  Atatürk Şiirleri
  29 Ekim şiirleri
  10 Kasım Şiirleri
  Atatürk'ün Ailesi
  ATATÜRK’ÜN TARİHE VERDİĞİ ÖNEM
  Atatürk'ün sözleri
  Üyelik
  Forum
  Haberler
  Anketler
  Nedir ?
  Nasıl Kullanılır
  Donanımları
  yazılımlar
  office
  Photoshop
  dreamweaver
  dow
  mp3
  VİDEO
  RESİM
  sobet
  format atma
  SİSTEMİ GERİ YÜKLEME
  VİSTA FORMATI
  DONANIM EKLE
  Css Nedir?
  Css Etki Yönleri
  Link Özellikleri
  Genişlik Özellikleri
  HTML-FBML-JAVA Nedir?
  Hit Arttırmanın 8 Yolu
  Siteni Google'e Ekle
  Bedava Site Aç
  Top liste
  Aşk Nedir ?
  Yeni sayfanın başlığı
  dzdf
  Yeni sayfanın başlığı44
  Üye Girişi
  Üyelik1
  metin2 site tasarımı
  Site Paketi
  Online desteek
  Yeni sayfanın başlığı123
  Css Tasarımlar
  Renkli tasarım
  Gri tasarım
  asdasd
  tasarım
  ziyertçi ıp ve bilgilerini götern kod
  İcon Arsivi
  Html Kodlar
  Yeni
  Reklam Ortalama Kodu
  Yazılı Saat Kodu
  Sol Alt Duyuru Kodu
  Yazılı Sayaç Kodları
  Bs Reklamlarını Çerçeve İçine Alma
  Online Sayac Kodu
  Değişen Site Başlığı Kodu
  Css Mesaj Kutusu
  Yukarı Çık Çapası Kodu
  Online-Offline Kodu
  Tıkladıgında Açılan Pencere Kodu
  sd
  İsrail Boykot Kodu
  Degisen Linkler Kodu
  Vakitlere Göre Değişen Mesajlar
  Yeni sayfanın başlığız
  Yeni sayfanın başlığı2
Css Etki Yönleri

CSS Kısaltmaları Etki Yönü Nerelerdir?

CSS Kısaltmalarını bir çoğumuz biliyoruz peki bir çoğumuzun bilmediği Kısaltmaların etki yönleri nasıl çalışıyor Buna Bakalım

Üstteki resimde daha iyi anlatabilmek ve anlayabilmek için çizdim burada ki renkler le anlatım yapmaya çalışıcam
12 - Üst         
3 - Sağ         6 - Alt         9 - Sol
Renkleri olsunlar diyelimki bir kutumuz var ilk olarak tam kısaltmayı ele alalım
#etiket { padding: 12px 3px 6px 9px; }
bu kodda 4 değer yazdık peki bu yazdığımız değerler hangi yönleri etkiliyor renklere bakınca anlaşılması çok kolay aslında renklerden ziyade yönüde gördüğünüz gibi saat yönünde gidiyor yani saat 12 den başlıyoruz saat 9 da bitiriyoruz 
1. değer = ÜST
2. değer = SAĞ
3. değer = ALT
4. değer = SOL

İkinci kısaltmada ise iki değerden oluşuyor şu şekilde
#etiket { padding: 20px 10px; }
bu kısaltmada ise ilk verdiğimiz değer ÜST ve ALT Bölgelerini etkiliyor İkinci Yazdığımız Değer ise SOL ve SAĞ Bölgelerini etkiliyor

Birde 3 lü değer var çok nadir kullanılıyor ama ondanda bahsedelim 
#etiket { padding: 10px 20px 10px; }
burada ise ilk verdiğimiz değer ÜST bölgeyi ikinci verdiğimiz değer SOL ve SAĞ bölümlerini etkiliyor sonverdiğimiz değer ise ALT bölgeyi etkiliyor.
Bu padding kodu sadece bir örnekti arkadaşlar 
bu yön değerleri coğu kodda aynıdır misal padding kodunun yanı sıra margin,  
border-width  gibi  kodlarda  da  aynıdır  sıralama değişmez.

 
   
Bugün 33547 ziyaretçi (56845 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol