| Üye Paneli | ||
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 bunu Bakalım #etiket { padding: 12px 3px 6px 9px; }![]() Ü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 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. Anlaşılır bir şekilde anlatmaya çalıştım umarım yarlı olur başka bir konuda görüşmek üzere hoşcakalın |
||
14 Mart 2010 14:21 11blackinci demiş ki: ilk verdiğimiz değer üst ve alt ikinci verdiğimiz değer sağ ve sol yönlerini etkiliyor |
||||
13 Mart 2010 22:18 10alper demiş ki: #etiket { padding: 12px 3px 6px 9px; } Olarak göstermişsiniz mesela. Birde, #etiket { padding: 20px 10px; } olarak göstermişsiniz. Şimdi alt üst falan olduğunu nasıl anlayacağız? 20px mesela üst, 10px alt, ama solda olamaz mı? Anlayamadığım konu bu kafam çok karıştı. |
||||
13 Mart 2010 20:46 8alper demiş ki: Özür dilerim gerçekten herşey açıklayıcı güzel fakat anlayamadım yinede. Bunu resimli örnekli falan gösterirmisiniz? Teşekkür ederim. |
||||
5 Kasım 2008 06:51 7ali veli demiş ki: süper bir anlatım.. eline sağlık... |
||||
7 Ekim 2008 18:14 6Hsn demiş ki: terrible kelimesini kullanıyorum daha basit geliyor :) |
||||
1 Nisan 2008 20:17 5ByResul demiş ki: teşekkürler abi çok güzel olmuş siten css merak edilen ve az kişi tarafından bilindiği için bu site güzel bir kaynak olabilir. |
||||
31 Mart 2008 00:53 3Baybars demiş ki: Davut abi saat örneğine bayıldım gerçekten, ilk bakışta kavrayabilir insanlar. Çok anlatıcı olmuş. Eline sağlık. |
||||
| Son Yapılan 10 Yorum | ||
|
||
|
Yukarı
İletişim
RSS Takip
İstatistikler
Site İçeriği
Copyright © 2007 - 2011 DLE Blackinci Edition Seri 2 |