Haftanın Fragmanı

Bu hafta oyun tanıtım rehberlerimiz başlıyor .Dreamweaver,PhotoShop vb. Derslerimizin videoları paylaşıma açılacak.Yazarlarımızdan gelen video,köşe yazısı gibi içerikleri sitemizde derleyip yayınlıyoruz.Sitemizde Yayın yapmak isteyenler Bizlerle iletişime Geçsinler.

Opencore | Açık Çekirdek Platformu

Görüntü Özellikleri ve Efekleri

Görüntü Özellikleri ve Efekleri

Görüntü Efekleri Özellikleri



Kutu elementlerin görünümüne çeşitli etkiler yapan özellikleri göreceğiz bu makalede çoğu CSS2 ile birlikte gelen bu özellikler aşağıda sıralanmıştır.

  1. overflow - taşma
  2. clip - kırpma
  3. visibility - görünürlük
Overflow
Türkçeye taşmak(overflow) olarak çevirdiğimiz bu özellik sınırlarını belirlediğimiz kutu elementinin içeriğinin sınırları aşması durumunda nasıl davranacağını bildiren bir özelliktir. Özelliğe atanan değerleri tek tek incelersek.
  1. inherit - kalıtsallık üst elementin değerini alabilir
  2. visible - kutu sınırları dışına taşan alanları göster
  3. hidden - kutu sınırları dışına taşan alanları gizle.
  4. scroll - kutu sınırlarını taşan kısmı kaydırma çubuğu ile ulaşmamızı sağlar.
  5. auto - kutu sınırlarını aşması durumunda scroll ile aynı etkiyi yapar.
Clip
clip, elementin içeriğinin belli bir bölümünün gösterilmesi sağlar. Başlangıç değerinin auto atanmış olması herhangi bir kırpmanın olmayacağını gösterir.
Clip’e atanan değerler em cinsinden verilerek esnek sonuçlar elde edilebilir. Ayrıca negatif değerlerde alabilir. Negatif değer atandığında element kutusunun dışına doğru kırpma yapacaktır.
<style>
.kıirpma
{
position:absolute;
clip:rect(50px 130px 153px 40px);
}
</style>
<div class="kirpma">
<img src="Opencore.jpg" alt="Opencore" />
</div>
  Visibility
belirlenmiş olan nesneleri gizler veya göstermeye yarar.
visiblity:collapse özelliği vardır. collapse tablo elementler için hidden etkisi yapar. Ancak burada bir fark var gizlene elementler yerini korumaz. Ayrıca bu özelliği tüm tarayıcılar desteklemiyor, bunun yerine display:none özelliği kullanılır.

Kaynaklar
http://www.w3.org/TR/CSS21/visufx.html
http://www.luiscanada.com/manualCSS/




Bu sayfa hakkındaki yorumlar:
Yorumu gönderen::18.12.2014, 19:02 (UTC)
radyomaskot
radyomaskot
Kapalı

Yararlı olmuş, teşekkürler

Yorumu gönderen::12.12.2014, 12:36 (UTC)
chickenblog
chickenblog
Kapalı

Videolu anlatımlar da bekliyorum senden başarılar ve teşekkürler konu için :-



Bu sayfa hakkında yorum ekle:
İsminiz:
Siteniz:
Mesajın:


=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=