Size Yardımcı Olacak Genel Css Kodları
Merhaba Arkadaşlar..CSS ile uğraşan Arkadaşlar için Yardımcı Olacak CSS Kodları. :)
Css'de en sık kullanılan kodlardır. Css bilmeyen birisi için hazır css kodlarını editlemek için yardımcı olacak kodlardır.
İşinize yaraması dileklerimle
BACKGROUND(ARKA PLAN)
background-color: Arka plan rengini değiştirmek için kullanılır
background-image:url(resim.gif): Arka plana resim ekler
background-repeat: Resmin tekrar edip etmeyeceği belirler
background-size: Arka plan resminin büyüklüğü ayarlar
BORDER(SINIR)
border-style: Tablonun kenarlarlarının stilini belirler
border-width: Tablonun genişliğini belirler
border-color: Tablo kenarının rengini belirler
border-image: Tabloya resim ekler
border-bottom-color: Tablonun alt kısmının rengini değiştirir
border-left-color: Tablonun sağ kısmının rengini değiştirir.
border-radius: Tablonun kenarlarının ne kadar oval olacağını belirler
border-top-right-radius: Tablonun sadece sağ üst köşesinin oval olacağını belirtir
FONT(YAZI)
font-size: Yazının büyüklüğünü belirler
font-style: Yazı stilini belirler
font-weight: Yazının ağırlığını(bold:kalınlık) belirler
BOX(KUTU)
clear: Belirtilen bir paragrafın sol veya sağ tarafında izin olmayabilir.Bu alana resim vb. şeyler eklenir
display :Ekranda neyin nasıl gösterileceğini belirler
float: Sağa yada sola hizalar
height: Yükseklik belirtir
width: Genişlik belirtiriz
margin: kenar,sınır demektir. Örneğin bir 2 tablo arasında boşluk bırakmak için kullanılır
margin-bottom: alt kısmın kenarında oynama yapılır
margin-left: sol kısmın kenarında oynama yapılır
margin-top: üst kısmın kenarında oynama yapılır
padding: (iç kısım) Örneğin tablo içerisini biraz genişletmek için kullanırız
padding-top: Üst tarafın iç kısmında oynama yapılır
padding-left: Sol tarafın iç kısmında oynama yapılır
overflow: Yazının sağa doğru taşmaması için bu özellik kullanılır.
rotation: Elemanın ne derece döneceğini belirler
TEXT(METİN)
text-align: Yazının ne tarafa hizalanacağını belirtir
letter-spacing: İki karakter arası boşluğu belirler
text-decoration: Metne stil vermemizi sağlar
text-shadow: Metne gölge vermeyi sağlar
COLOR(RENK)
opacity :Saydamlık ayarlarını belirler
TABLE(TABLO)
border-spacing: Hücreler arası boşluğu belirler
LIST(LİSTE)
list-style: Liste stilini belirler
list-style-position: Liste pozisyonu belirler
list-style-type: Liste tipini belirtir
POSITION(POZİSYON)
z-index: sadece konumlandırılmış öğeler de kullanılır
top: üstten ne kadar mesafe bırakıp bırakmayacağımızı belirler
left: soldan ne kadar mesafe bırakacağımızı belirler
right: sağdan ne kadar mesafe bırakacağımızı belirler
bottom: alttan ne kadar mesafe bırakacağımızı belirler
Css'de en sık kullanılan kodlardır. Css bilmeyen birisi için hazır css kodlarını editlemek için yardımcı olacak kodlardır.
İşinize yaraması dileklerimle
BACKGROUND(ARKA PLAN)
background-color: Arka plan rengini değiştirmek için kullanılır
background-image:url(resim.gif): Arka plana resim ekler
background-repeat: Resmin tekrar edip etmeyeceği belirler
background-size: Arka plan resminin büyüklüğü ayarlar
BORDER(SINIR)
border-style: Tablonun kenarlarlarının stilini belirler
border-width: Tablonun genişliğini belirler
border-color: Tablo kenarının rengini belirler
border-image: Tabloya resim ekler
border-bottom-color: Tablonun alt kısmının rengini değiştirir
border-left-color: Tablonun sağ kısmının rengini değiştirir.
border-radius: Tablonun kenarlarının ne kadar oval olacağını belirler
border-top-right-radius: Tablonun sadece sağ üst köşesinin oval olacağını belirtir
FONT(YAZI)
font-size: Yazının büyüklüğünü belirler
font-style: Yazı stilini belirler
font-weight: Yazının ağırlığını(bold:kalınlık) belirler
BOX(KUTU)
clear: Belirtilen bir paragrafın sol veya sağ tarafında izin olmayabilir.Bu alana resim vb. şeyler eklenir
display :Ekranda neyin nasıl gösterileceğini belirler
float: Sağa yada sola hizalar
height: Yükseklik belirtir
width: Genişlik belirtiriz
margin: kenar,sınır demektir. Örneğin bir 2 tablo arasında boşluk bırakmak için kullanılır
margin-bottom: alt kısmın kenarında oynama yapılır
margin-left: sol kısmın kenarında oynama yapılır
margin-top: üst kısmın kenarında oynama yapılır
padding: (iç kısım) Örneğin tablo içerisini biraz genişletmek için kullanırız
padding-top: Üst tarafın iç kısmında oynama yapılır
padding-left: Sol tarafın iç kısmında oynama yapılır
overflow: Yazının sağa doğru taşmaması için bu özellik kullanılır.
rotation: Elemanın ne derece döneceğini belirler
TEXT(METİN)
text-align: Yazının ne tarafa hizalanacağını belirtir
letter-spacing: İki karakter arası boşluğu belirler
text-decoration: Metne stil vermemizi sağlar
text-shadow: Metne gölge vermeyi sağlar
COLOR(RENK)
opacity :Saydamlık ayarlarını belirler
TABLE(TABLO)
border-spacing: Hücreler arası boşluğu belirler
LIST(LİSTE)
list-style: Liste stilini belirler
list-style-position: Liste pozisyonu belirler
list-style-type: Liste tipini belirtir
POSITION(POZİSYON)
z-index: sadece konumlandırılmış öğeler de kullanılır
top: üstten ne kadar mesafe bırakıp bırakmayacağımızı belirler
left: soldan ne kadar mesafe bırakacağımızı belirler
right: sağdan ne kadar mesafe bırakacağımızı belirler
bottom: alttan ne kadar mesafe bırakacağımızı belirler