pular para conte鷇o pular para busca no site

Gustavo Ribeiro (blog)

set 25

CSS: Border-Collapse

1 star2 stars3 stars4 stars5 stars
Meta Tags: , • por Gustavo Ribeiro

A propriedade border-collapse tem como objetivo dividir ou n茫o as bordas das tabelas via CSS e possui os seguinte atributos: collapse e separate.

Por padr茫o, toda tabela renderizada recebe o atributo separate mesmo que n茫o seja especificado no CSS da p谩gina, ou seja, cada elemento possui sua pr贸pria borda.

Exemplo de tabela com o atributo separate.

<table style="border:solid 1px #00f">
    <tbody>
        <tr>
            <td style="border:solid 1px #0f0">c茅lula 1</td>
            <td style="border:solid 1px #0f0">c茅lula 2</td>
            <td style="border:solid 1px #0f0">c茅lula 3</td>
        </tr>
    </tbody>
</table>
c茅lula 1 c茅lula 2 c茅lula 3

Exemplo de tabela com o atributo collapse.

<table style="border:solid 1px #00f;border-collapse:collapse">
    <tbody>
        <tr>
            <td style="border:solid 1px #0f0">c茅lula 1</td>
            <td style="border:solid 1px #0f0">c茅lula 2</td>
            <td style="border:solid 1px #0f0">c茅lula 3</td>
        </tr>
    </tbody>
</table>
c茅lula 1 c茅lula 2 c茅lula 3

Outras dicas s茫o bem vindas nos coment谩rios ;)

Compartilhe este post:
  • E-mail this story to a friend!
  • Google Bookmarks
  • del.icio.us
  • Twitter
  • Technorati
  • Digg
  • Reddit
  • Netvibes
  • LinkedIn
  • Facebook
  • MySpace
  • StumbleUpon
  • Rec6
  • Mixx
  • FriendFeed
  • Identi.ca
  • Tumblr
  • HelloTxt
  • Live
  • Yahoo! Buzz
  • Yahoo! Bookmarks
  • Yigg
  • Faves

Leia tamb茅m

· · · · ·

3 comentários

  1. Cleo — setembro 25, 2008 @ 14:08

    Aeeww!!! ^^
    Muito booom…. melhor q agora eu n茫o vou precisar te perguntar mais ^^

  2. LulaRibeiro — outubro 8, 2008 @ 11:14

    Fala Gustavo, valeu pela dica!
    Vou linkar voc锚 l谩 no meu blog!
    Abra莽o!

  3. Elvis — julho 3, 2009 @ 13:06

    Muito Obrigado cara… Pesquisei no Google e o primeiro site que encontrei foi o seu xP

Feed RSS dos coment谩rios deste post URL de TrackBack

Seja o(a) primeiro(a) a comentar.

XHTML: Voc锚 pode usar estas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Twitter

    Categorias

    • W3Counter
    • Atualize seu Navegador
    • FeedBurner
    • DiHitt
    • BlogBlogs
    • Click to see how many people are online