CSS İpuçları – 12 : 3 köşeye border tanımı

Normalde tüm köşelere kenarlık(border) tanımlarken:

border: 1px solid #333;

kullanılır. Tek köşeye kenarlık vermek içinse:

border-[top-right-bottom-left]: 1px solid #333;

kullanılır. köşeye kenarlık vermek için her birini ayrı ayrı tanımlamamız gerekir.

border-top: 1px solid #333;
border-right: 1px solid #333;
border-left: 1px solid #333;

Bunun yerine olmayan kenarı(örn: alt kenar) görünmez yaparak hallede biliriz.

border: 1px solid #333;
border-bottom: 1px solid #fff;

18 Yorum (Yorum Ekle)

  • arabaci88 diyor ki:

    Eğer kodu böyle yazarsak web sayfası kodlarken sayfada kaymalar ve taşmalar olmaz mı?

  • fatih.hayrioglu diyor ki:

    @Üzeyir özkol normal nesnelere tanımlar gibi td ve th larada tanımlama yapılabilir.

  • Üzeyir özkol diyor ki:

    tablo kenarlıklarına sitil uygulama gösterilmiş teşekkürler,
    ya tablo içindeki td’lere sutun ve satırlardaki borderlere nasıl stil uygulanır?

  • kardeş allah razı olsun senden .çok güzel site .başarılarının devamını diliyorum.allaha emanet ool.by

  • Bundan bikaç ay öncesine kadar css ile ilgili hiç türkçe kaynak bulmazken bukadar faydalı bilgileri birarada toplayıp yayınladığınız için teşekkürler.

  • Kurtay diyor ki:

    Uzman gözüyle düşünülmüş güzel bi tip.

  • Ferdi ÇILDIZ diyor ki:

    ayrıca:

    border: 1px 3px 2px 4px;
    şeklindede yapabilirsiniz. sıralamayı soracak olursanız, ilk değerden itibaren saat yönünde: tepe border sağ border alt border ve sol border;)

  • Ömer diyor ki:

    Fatih üstadım merhaba,

    makalelerinin belli bir kısmını okuyabildim. fırsat buldukça da okuyacağım. emeğine, eline sağlık. bazı arkadaşların “siteyi beğenmedim, şu yanlış, bu bilmemne” gibi gereksiz ve yapıcı olmayan anlamsız eleştirilerini takmamanı tavsiye ederim. oldukça kaliteli bir sunuş ve doyurucu bir yorumla dolu bu web sitesi.

    css konusunda yeni makalelerini bekliyorum.

    kolay gelsin,
    Ömer

Yorum yaz

Format: Yorum içinde kullanılabilecek HTML kodları: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

?