CSS Tagları ve Özellikleri - Baskı Önizleme +- AccessTr.neT (https://accesstr.net) +-- Forum: Web (https://accesstr.net/forum-web.html) +--- Forum: Css (https://accesstr.net/forum-css.html) +--- Konu Başlığı: CSS Tagları ve Özellikleri (/konu-css-taglari-ve-ozellikleri.html) |
CSS Tagları ve Özellikleri - schworse - 10/04/2011 Tarih: 10.04.2011 Konu : CSS Tagları ve Özellikleri İçerik : CSS Tagları ve Özellliklerinin bir bölümü. LİNK ÖZELLİKLERİ a: Linkin, sayfa açıldığında tıklanmadan veya imleç ü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. NOT: Başlık “TABLO” olarak verildi Ancak bu nitelikler başta TD, TR , TH vs. olmak üzere hemen her etiket için kullanılabilir.CSS’ yi özel kılan da zaten bu KAYDIRMA ÇUBUĞU ÖZELLİKLERİ scrollbar-face-color : Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor. scrollbar-base-color : Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor. scrollbar-shadow-color : Sağ ve alt kenarlıkların gölge rengi. scrollbar-highlight-color : Sol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor. scrollbar-arrow-color : Yön oklarının rengi Sizlerin affına sığınarak konuyu kapatıyorum. AccessTR Eğitim Günlüğü. Cvp: CSS Tagları ve Özellikleri - life_exciting - 10/04/2011 Sn.schworse Paylaşım İçin Teşekkürler,Elinize Sağlık. Cvp: CSS Tagları ve Özellikleri - C*e*l*o*y*c*e - 10/04/2011 Bilgi ve paylaşım için teşekkürler Cvp: CSS Tagları ve Özellikleri - benremix - 10/04/2011 Bilgi ve paylaşım için teşekkürler . Saygılar... |