Scribd Logo
Upload

Welcome to Scribd!

  • Css Tablice

    Uploaded by

    Nadalina
    83 views2 pages
    css tablice

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    css tablice

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    83 views2 pages

    Css Tablice

    Uploaded by

    Nadalina
    css tablice

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Granice tablica

    Izgled tablica upotrebom CSS-a se moe znatno unaprijediti. Za ureivanje mea (granica)

    tablica koristi se svojstvo border. U donjem primjeru odreujemo crne granice za tablicu, th i td elemente: <html> <head> <style> table,th,td { border:1px solid black; } </style> </head> <body> <table> <tr> <th>Ime</th> <th>Prezime</th> </tr> <tr> <td>Petar</td> <td>Grgic</td> </tr> <tr> <td>Luka</td> <td>Grgic</td> </tr> </table> </body> </html>

    Ime Prezime Petar Grgic Luka Grgic

    Uoite, da tablica u gornjem primjeru ima dvostruke mee. To je zato to i tablica i th/td

    elementi imaju zasebne (separate) mee. Za prikaz jednostrukih mea unutar tablica, koristimo svojstvo border-collapse.

    CSS svojstvo: border-collapse:


    separate collapse

    Svojstvom border-collapse odreujemo hoe li granice biti spojene u jednu ili razdvojene.

    Ime Prezime Petar Grgic Luka Grgic

    Visina i irina tablica


    Odreuju ih svojstva- width i height. Donji primjer postavlja irinu tablice na 100%, a visinu th elemenata na 50px:

    table { width:100%; } th { height:50px; }

    Poravnanje teksta
    Ureuje se svojstvima text-align i vertical-align. text-align moe biti horizontal poravnanje - left, right ili center:

    Primjer:

    td { text-align:right; }
    a za vertical-align svojstvo biramo: top, bottom ili middle:

    Primjer:

    td { height:50px; vertical-align:bottom; }

    Padding svojstvo
    Kontrolira razmak izmeu mea i sadraja tablice, unutar td i th elemenata:

    Primjer:

    td { padding:15px; }

    Boja tablice
    Donji primjer odreuje boju mea, texta i pozadeine za th elemente:

    Primjer:

    table, td, th { border:1px solid green; } th { background-color:green; color:white; }

    You might also like