9th lesson


#1

I was not thought about these style attributes like ** border-collapse, padding, border-left, solid black etc**
so please tell me about these attributes.

   <table style="border-collapse:collapse;">
        <thead>
            <tr>
                <th colspan="2"; style="color:red">Famous Monsters by Birth Year</th>
            </tr>
            <tr style="border-bottom:1px solid black;">
                <th style="padding:5px;"><em>Famous Monster</em></th>
                <th style="padding:5px;border-left:1px solid black;"><em>Birth Yea</em>r</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="padding:5px;">King Kong</td>
                <td style="padding:5px;border-left:1px solid black;">1933</td>     
            </tr>
            
            <tr>
                <td style="padding:5px;">Dracula</td>
                <td style="padding:5px;border-left:1px solid black;">1897</td>
            </tr>
            
            <tr>
                <td style="padding:5px;">Bride of Frankenstein</td>
                <td style="padding:5px;border-left:1px solid black;">1944</td>
            </tr>

want to know about these attributes.


#2

the border property isn't new, is it? Border-left simply means the border is only on the left side instead/oppose to all 4 sides.

padding is the spacing inside the box, or in this case the table cell. This will be covered later.

border collapse is best if you look at it, here is an thanks to MDN. Border-collapse simply means the borders become one, instead of each having there own border


#3

Thank you .:slight_smile:
This helped me a lot.:grinning:
Thanks once again for the help.:slight_smile: