Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..
Type
Font: Yazı tipini buradan seçiyoruz.
Size: Yazı tipimizin büyüklüğünü belirliyoruz.
Style: Yazımıza stil vermemizi sağlar.
Variant :
Line Height: Satır yüksekliğini belirtir.
Weight: Kalın yazmak ve bunun derecelerini belirtmemize yarar.
Case: Variant ile hemen hemen aynı işi görür, yazıların büyük ya da küçük harf ile yazılmasını ya da sadece ilk harflerini büyük olmasını sağlar.
Decoration: Altçizgi ve benzeri etkileri buradan ayarlıyoruz.
Color: Renk seçimini buradan yapıyoruz.
Background
Background Color: Arka fon için istediğiniz rengi seçebilir ya da renk kodunu yapıştırabilirsiniz.
Background Image: Arka fon için renk değil ama bir resim dosyası kullanmak istediğinizde buradan resmi seçiyoruz.
Repeat: Bu ise seçtiğimiz resim dosyasının tekrar etmesini ayarlamamıza yarıyor. Yani resim dosyası çok küçük ise yazının kapladığı tüm alanı kaplatabilir ya da sadece x veya y ekseni boyunca tekrar yapmasını sağlayabiliriz.
Attachment: Burada resim dosyası Scroll esnasında sabit kalabilir (Fixed) ya da oda scroll ile kayar (scroll), gibi iki seçenek mevcut.
Horizontal Position: Yatay pozisyonu belirtir.
Vertical Position: Dikey pozisyonu belirtir.
Block
Word Spacing: Kelimeler arası boşluğu belirtir.
Letter Spacing: Karakterler arası boşluğu belirtir.
Vertical Alignment: Dikey hizalama.
Text Align: Temel metin hizalamayı belirtir.
Text Indent: Indent ile bir sekme içeri alınmış metinlerin sekme değerini piksel veya diğer birimler cinsinden belirlemenizi sağlar.
Whitespace: Beyaz boşlular da denen boşlukların genişliğine dair ayarlar.
Dsiplay: Görünümün ne türde olacağını belirler. Örneğin bir DIV'i gizlemek istersek "none" seçmemiz yeterli olacaktır.
Box
Witdh: Kutu (box) genişliği.
Height: Kutu yüksekliği.
Float: Kutu hizalamasını. Örneğin bir nesneyi sağa hizalamak isterseniz bunu "right" seçmeniz yeterli olacaktır. Float ve "Block" bölümünde geçen "text-align" seçeneklerinin birbiri ile karıştırmamak gerekir. Zira "float" olduğu gibi nesnenin kendisinin konum hizalamasını belirtirken "text-align" ise nesne içeriğinin hizalamasını belirtir. Örneğin sağa hizalanmış (float: right;) bir DIV'in içeriği ortalanmış (text-align: center;) olabilir.
Clear: Daha çok katmanlar ve DIV'ler ile ilgili bir ayar. Nesneler arası hizalama ne temas seçeneklerini belirtir.
Padding: Üst, alt ve yanlardan olan içerik uzaklığını belirtir.
Margin: Kutunun çevresindeki diğer nesnelere olan uzaklığını belirtir.
Border
Style: Çerçevenin türünü belirtir. Her kenar için ayrı ayrı ayarlayabileceğiniz gibi standartları da kullanabilirsiniz.
Width: Çerçeve kalınlığını belirtir.
Color: Çerçeve rengini belirtir.
List
Type: Buradan standart tanımlı madde imlerinden birini seçebilirsiniz.
Bullet Image: Madde imleri için kendi seçtiğiniz bir resim dosyasını da kullanmanız mümkün.
Position: Liste olarak belirlenmiş metinlerin diğer paragraflara göre konumunu belirtir.
Positioning
Type: Konumlandırma türü.
Widht: Genişlik.
Height: Yükseklik.
Placement: Tarayıcıda sayfanın neresinde bulunmasını istiyorsak buradan değerleri girmeliyiz.
Clip: Bu daha çok JavaScript kullanılarak yapılmış kaybolma efektlerinde kullanılması gereken bir seçenek.
Visibility: Görünürlüğü buradan ayarlıyoruz.
Overflow: CSS katmanlar için içeriğin katman içerisindeki görüntülenme şeklini belirtir. Örneğin Overflow: scroll seçeneği ile katman içeriğinin iFramelerde olduğu gibi kaydırılmasını sağlayabilirsiniz.
Extensions
Page Break Before / After: Internet tarayıcısı çin geçerli bir tanımlama seçeneği.
Cursor: Bu stilin uygulandığı metinler için; fare imleci, bu stil ile biçimlendirilmiş nesne üzerine geldiğinde üzerine geldiğinde nasıl bir şekil alacığını belirler.
Filters: Buradan belirleyeceğiniz bir filtre için ilgili değerleri de girmek suretiyle resim dosyalarına uygulayacağınız bu stil sayesinde, sadece CSS stil ile resmi siyah beyaz hale getirebilir, kontrast ayarını değiştirebilir yada resmi ters çevirebilirsiniz. Sadece resimler değil nesnelerin görsel özellikleri üzerine çeşitli efektleri de bu kısımdan yapabilirsiniz.
Kaynak Reha Gürsel
Font: Yazı tipini buradan seçiyoruz.
Size: Yazı tipimizin büyüklüğünü belirliyoruz.
Style: Yazımıza stil vermemizi sağlar.
Variant :
Line Height: Satır yüksekliğini belirtir.
Weight: Kalın yazmak ve bunun derecelerini belirtmemize yarar.
Case: Variant ile hemen hemen aynı işi görür, yazıların büyük ya da küçük harf ile yazılmasını ya da sadece ilk harflerini büyük olmasını sağlar.
Decoration: Altçizgi ve benzeri etkileri buradan ayarlıyoruz.
Color: Renk seçimini buradan yapıyoruz.
Background
Background Color: Arka fon için istediğiniz rengi seçebilir ya da renk kodunu yapıştırabilirsiniz.
Background Image: Arka fon için renk değil ama bir resim dosyası kullanmak istediğinizde buradan resmi seçiyoruz.
Repeat: Bu ise seçtiğimiz resim dosyasının tekrar etmesini ayarlamamıza yarıyor. Yani resim dosyası çok küçük ise yazının kapladığı tüm alanı kaplatabilir ya da sadece x veya y ekseni boyunca tekrar yapmasını sağlayabiliriz.
Attachment: Burada resim dosyası Scroll esnasında sabit kalabilir (Fixed) ya da oda scroll ile kayar (scroll), gibi iki seçenek mevcut.
Horizontal Position: Yatay pozisyonu belirtir.
Vertical Position: Dikey pozisyonu belirtir.
Block
Word Spacing: Kelimeler arası boşluğu belirtir.
Letter Spacing: Karakterler arası boşluğu belirtir.
Vertical Alignment: Dikey hizalama.
Text Align: Temel metin hizalamayı belirtir.
Text Indent: Indent ile bir sekme içeri alınmış metinlerin sekme değerini piksel veya diğer birimler cinsinden belirlemenizi sağlar.
Whitespace: Beyaz boşlular da denen boşlukların genişliğine dair ayarlar.
Dsiplay: Görünümün ne türde olacağını belirler. Örneğin bir DIV'i gizlemek istersek "none" seçmemiz yeterli olacaktır.
Box
Witdh: Kutu (box) genişliği.
Height: Kutu yüksekliği.
Float: Kutu hizalamasını. Örneğin bir nesneyi sağa hizalamak isterseniz bunu "right" seçmeniz yeterli olacaktır. Float ve "Block" bölümünde geçen "text-align" seçeneklerinin birbiri ile karıştırmamak gerekir. Zira "float" olduğu gibi nesnenin kendisinin konum hizalamasını belirtirken "text-align" ise nesne içeriğinin hizalamasını belirtir. Örneğin sağa hizalanmış (float: right;) bir DIV'in içeriği ortalanmış (text-align: center;) olabilir.
Clear: Daha çok katmanlar ve DIV'ler ile ilgili bir ayar. Nesneler arası hizalama ne temas seçeneklerini belirtir.
Padding: Üst, alt ve yanlardan olan içerik uzaklığını belirtir.
Margin: Kutunun çevresindeki diğer nesnelere olan uzaklığını belirtir.
Border
Style: Çerçevenin türünü belirtir. Her kenar için ayrı ayrı ayarlayabileceğiniz gibi standartları da kullanabilirsiniz.
Width: Çerçeve kalınlığını belirtir.
Color: Çerçeve rengini belirtir.
List
Type: Buradan standart tanımlı madde imlerinden birini seçebilirsiniz.
Bullet Image: Madde imleri için kendi seçtiğiniz bir resim dosyasını da kullanmanız mümkün.
Position: Liste olarak belirlenmiş metinlerin diğer paragraflara göre konumunu belirtir.
Positioning
Type: Konumlandırma türü.
Widht: Genişlik.
Height: Yükseklik.
Placement: Tarayıcıda sayfanın neresinde bulunmasını istiyorsak buradan değerleri girmeliyiz.
Clip: Bu daha çok JavaScript kullanılarak yapılmış kaybolma efektlerinde kullanılması gereken bir seçenek.
Visibility: Görünürlüğü buradan ayarlıyoruz.
Overflow: CSS katmanlar için içeriğin katman içerisindeki görüntülenme şeklini belirtir. Örneğin Overflow: scroll seçeneği ile katman içeriğinin iFramelerde olduğu gibi kaydırılmasını sağlayabilirsiniz.
Extensions
Page Break Before / After: Internet tarayıcısı çin geçerli bir tanımlama seçeneği.
Cursor: Bu stilin uygulandığı metinler için; fare imleci, bu stil ile biçimlendirilmiş nesne üzerine geldiğinde üzerine geldiğinde nasıl bir şekil alacığını belirler.
Filters: Buradan belirleyeceğiniz bir filtre için ilgili değerleri de girmek suretiyle resim dosyalarına uygulayacağınız bu stil sayesinde, sadece CSS stil ile resmi siyah beyaz hale getirebilir, kontrast ayarını değiştirebilir yada resmi ters çevirebilirsiniz. Sadece resimler değil nesnelerin görsel özellikleri üzerine çeşitli efektleri de bu kısımdan yapabilirsiniz.
Kaynak Reha Gürsel
Yorumunuzu Ekleyin
