Kolay gelsin,
CSS'e bir yerden başlamak isteyenler için, elimden geldiğince CSS ile ilgili bildiklerimi paylaşacağım, bende bir yerden başlamak istedim ve aklıma border'leri tanıtmak geldi, CSS bilenler için çok kolay bir konu olsa gerek, fakat kimse CSS bilerek doğmadı, bu yüzden elimden geldiğince açıklayıcı anlatmaya çalışacağım CSS'de borderleri tanıyoruz isimli konuma geçmek istiyorum;
dotted - Ufak noktalardan oluşan borderdir.
Kullanımı;
border:1px dotted #ffffff;
-
border-right:1px dotted #ffffff; (Sağ köşe)
border-left:1px dotted #ffffff; (Sol köşe)
border-top:1px dotted #ffffff; (Üst Köşe)
border-bottom:1px dotted #ffffff; (Alt köşe)
solid - Düz çizgi şeklinden oluşan borderdir.
Kullanımı;
border:1px solid #ffffff;
-
border-right:1px solid #ffffff; (Sağ köşe)
border-left:1px solid #ffffff; (Sol köşe)
border-top:1px solid #ffffff; (Üst Köşe)
border-bottom:1px solid #ffffff; (Alt köşe)
dashed - Uzun aralıklı noktalardan oluşan borderdir.
Kullanımı;
border:1px dashed #ffffff;
-
border-right:1px dashed #ffffff; (Sağ köşe)
border-left:1px dashed #ffffff; (Sol köşe)
border-top:1px dashed #ffffff; (Üst Köşe)
border-bottom:1px dashed #ffffff; (Alt köşe)
double - Çerçeve şeklindeki borderdir.
Kullanımı:
border-style: double; border-color: white;
groove - Sağ ve Alt taraflardan üç boyut kazanmış borderdir.
Kullanımı:
border-style: groove; border-color: white;
ridge - Tamamı üç boyutlu olan borderdir.
Kullanımı:
border-style: groove; border-color: white;
inset - Sol ve Üst taraflardan üç boyut kazanmış borderdir.
Kullanımı:
border-style: inset; border-color: white;
outset - Sağ ve Alt taraftan üç boyut kazanmış borderdir. Not: groove'den farklıdır.
Kullanımı:
border-style: outset; border-color: white;
///////
Bu şekilde elimden geldiğince CSS'e başlamak isteyen arkadaşlara yardımcı olacağım, CSS aşırı derecede zor değildir sadece kod mantığını anlamak gerekir, o yüzden en kolaydan en zora doğru ders şeklinde yazılar yazmayı düşünüyorum.
Teşekkürler.
CSS'e bir yerden başlamak isteyenler için, elimden geldiğince CSS ile ilgili bildiklerimi paylaşacağım, bende bir yerden başlamak istedim ve aklıma border'leri tanıtmak geldi, CSS bilenler için çok kolay bir konu olsa gerek, fakat kimse CSS bilerek doğmadı, bu yüzden elimden geldiğince açıklayıcı anlatmaya çalışacağım CSS'de borderleri tanıyoruz isimli konuma geçmek istiyorum;
dotted - Ufak noktalardan oluşan borderdir.
Kullanımı;
border:1px dotted #ffffff;
-
border-right:1px dotted #ffffff; (Sağ köşe)
border-left:1px dotted #ffffff; (Sol köşe)
border-top:1px dotted #ffffff; (Üst Köşe)
border-bottom:1px dotted #ffffff; (Alt köşe)
solid - Düz çizgi şeklinden oluşan borderdir.
Kullanımı;
border:1px solid #ffffff;
-
border-right:1px solid #ffffff; (Sağ köşe)
border-left:1px solid #ffffff; (Sol köşe)
border-top:1px solid #ffffff; (Üst Köşe)
border-bottom:1px solid #ffffff; (Alt köşe)
dashed - Uzun aralıklı noktalardan oluşan borderdir.
Kullanımı;
border:1px dashed #ffffff;
-
border-right:1px dashed #ffffff; (Sağ köşe)
border-left:1px dashed #ffffff; (Sol köşe)
border-top:1px dashed #ffffff; (Üst Köşe)
border-bottom:1px dashed #ffffff; (Alt köşe)
double - Çerçeve şeklindeki borderdir.
Kullanımı:
border-style: double; border-color: white;
groove - Sağ ve Alt taraflardan üç boyut kazanmış borderdir.
Kullanımı:
border-style: groove; border-color: white;
ridge - Tamamı üç boyutlu olan borderdir.
Kullanımı:
border-style: groove; border-color: white;
inset - Sol ve Üst taraflardan üç boyut kazanmış borderdir.
Kullanımı:
border-style: inset; border-color: white;
outset - Sağ ve Alt taraftan üç boyut kazanmış borderdir. Not: groove'den farklıdır.
Kullanımı:
border-style: outset; border-color: white;
///////
Bu şekilde elimden geldiğince CSS'e başlamak isteyen arkadaşlara yardımcı olacağım, CSS aşırı derecede zor değildir sadece kod mantığını anlamak gerekir, o yüzden en kolaydan en zora doğru ders şeklinde yazılar yazmayı düşünüyorum.
Teşekkürler.