, deze les zal leren hoe je een andere eigenschap: //europa.eu.int /comm /tabel met de CSS.Kun je de volgende tabel en negatieve;,,,, vouw, aangewezen of de browser moeten de andere kant van de controle van elke cel in contact met elkaar moeten blijven of of de de stijl van verschijning.,,,, de afstand tussen de cellen, wordt de breedte van de tabel opgenomen.,,, vertaling, ondertiteling, in < een titel > elementen.Bij verstek, dit zijn de in de tabel in documenten verstrekt.Je kan het gebruik van "titel" voor de controle van de positie van de tabel onder de titel "." de cel leeg "vermeld of een cel is leeg.,, in de tabel, lay - out, maakt het mogelijk de browser door gebruik te maken van de eerste breedte eigenschappen te tekenen, en niet in De kaart, en we zullen zien hoe het gebruik van deze eigenschap: grens instorten, eigenschappen: deze eigenschap kan er twee waarden, gevouwen en scheiding.Het volgende voorbeeld met een waarde van: http: //europa.eu.int < > < hoofd > < stijl = "tekst /CSS" > table.one ineenstorting van de ineenstorting van de grens: {} {table.two ineenstorting van de grens;: gescheiden;} {grens van TD, was; de breedte: 3px; kleur:&#oude 000000; b} {10 pixels, TD. Stijl: breedte: vaste; 3px; kleur:&#oude 333333; 10 pixels;} < /stijl > < /hoofd > < lichaam > < tabel = "een" > < titel > ineenstorting grens voorbeeld < /titel > < tr > < TD = "" > - de ineenstorting van de voorbeelden < /O > < /Tr> < tr> < d = "B" > (b Example< "; /td> < /tr> < /table> < BR /> < table =" twee "> < caption> afzonderlijke grens Example< /caption> < tr> < d =" A "> - een afzonderlijke Example< /td> < /tr> < tr> < d =" B "> - bijzondere Example< b; /td> < /tr> < /table> < /body> < /html>,, het zal de volgende resultaten produceren, de −, border-spacing eigendom, de border-spacing specifies: de afstand die separates naast cells'.De grens.Het kan met een of twee van deze waarden moet is de eenheid van lengte. Als je die een waarde, het zal van toepassing zijn op de verticale en horizontale grenzen.Of je kan geven twee waarden, in dit geval in de eerste plaats verwijst naar de horizontale en verticale afstand en na aftrek van de tweede, aandacht, en de vermindering;,; helaas is deze eigenschap niet in Netscape 7 of ie 6., < stijl = "tekst /CSS" > /* * * * * * * * * * * * * * als je met een waarde table.example grens tussen 10 pixels /{} /*: dit is je; die twee waarden: de grens tussen {* /table.example 10 pixels; 15px;} < /stijl >,, laten we nu eens kijken naar het effect van de wijziging van de vorige voorbeelden, en verminderen;, < http: //europa.eu.int > < hoofd > < stijl = "tekst /CSS" > table.one {grens: breedte: ineenstorting van gescheiden; 400 pixel. Afstand: 10 pixels;} {table.two ineenstorting van de grens: seParate; width:400px; border-spacing:10px 50px;} < /style> < /head> < body> < table = "één" border= "1" > < caption> afzonderlijke grens. Met border-spacing< /caption> < tr> < td> - A "Example< /td> < /tr> < tr> < td> b Example<."; /td> < /tr> < /table> < BR /> < table = "twee" border= "1" > < caption> afzonderlijke grens. Met border-spacing< /caption> < tr> < td> - A. Bijzondere Example< /td> < /tr> < tr> < b td> - bijzondere Example< /td> < /tr&g;T; < /tabel > < /body > < /html >,, zou leiden tot de volgende resultaten en negatieve;,, van de kant van de ondertiteling eigenschap kan je aan een inhoud titel < > element moet in de tabel.De onderstaande tabel geeft een overzicht van de waarde van deze eigenschap kan worden, kan er vier waarden, boven, onder, links of rechts.Het volgende voorbeeld gebruikt. Deze eigenschappen:.,,, kan niet werken met je de grond van hun, < html> < head> < 1 = "text/css" > caption.top {caption-side:top} caption.bottom {caption-side:bottom} caption.left {caption-side:left} caption.right {caption-side:right} < /style> < /head> < body> < table style= "width:400px; verslag: zwart;" > < onderschrift = "top" > dit zal verschijnen in het onderschrift - < /caption> < tr> < d > - A< /td> < /tr> < tr> < d > - B< /td> < /tr> < /table> < BR />;;Tabel style= < "width:400px;: vaste zwart;" > < onderschrift = "bodem" > dit zal verschijnen in het onderschrift bodem < /caption> < tr> < d > - A< /td> < /tr> < tr> < d > - B< /td> < /tr> < /table> < BR /> < table style= "width:400px;: vaste zwart;" > < onderschrift = "links" > dit zal verschijnen in het onderschrift. < /caption> < tr> < d > - A< /td> < /tr> < tr> < d > - B< /td> < /tr> < /table> < BR /> < Table style= "width:400px;: vaste zwart;" >< onderschrift = "goed" > dit zal verschijnen in het onderschrift: < /caption> < tr> < d > - A< /td> < /tr> < tr> < d > - B< /td > < /tr> < /table> < /body>; < /html>,, het zal de volgende resultaten volgens de −,, de empty-cells eigendom, de empty-cells eigendom indicates of a - zonder een inhoud moet een grens displayed., dit eigendom kan hebben voor een van de drie waarden, - show, verbergen, of erven,., hier is de empty-cells eigendom? Tot aan de grenzen van de lege cellen in de < table> zo 'n naam, < html> < head> < 1 = table.empty{"text/css" >Width:350px; border-collapse:separate; empty-cells:hide;} td.empty{padding:5px; border-style:solid; border-width:1px; border-color:#999999;} < /style> < /head> < body> < table = "leeg" > < tr> < th> < /th> < th> titel one< /th> < th> titel; two< /th> < /tr> < tr> < th> rij Title< /th> < d = "leeg" > value< /td> < d = "leeg" > value< /td> < /tr> < tr> < th> rij /th> Title< <;TD = "leeg" > waarde < /TD > < TD = "leeg" > < /O > < /TR > < /tabel > < /body > < /HTML >,, zou leiden tot de volgende de resultaten en de negatieve;,, in de tabel de lay - out van de indeling van goederen is moet u helpen bij het controleren van een browser die of de basis leggen voor een tabel, deze eigenschap kan een waarde vastgesteld:,, auto 's, of De erfenis.Het volgende voorbeeld blijkt, het verschil tussen deze eigenschappen.,, note, − dit eigendom is niet van zo veel weet van browsers niet op deze property., < html> < head> < 1 = "text/css" > table.auto {} table-layout: - table.fixed{table-layout: vaste} < /style> < /head> < body> < table = "-" border= "1" breedte = 100% "> < tr> < TD breedte = 20%" > 1000000000000000000000000000< /td> < TD breedte = "40" > 10000000< /td> < TD breedte = "40" > 100< /td> < /tr> < /table> < BR /> < taBle = "vaste" border= "1" breedte = 100% "> < tr > < TD, breedte = 20%" > 1000000000000000000000000000 < /O > < TD, breedte = "40" > 10 miljoen < /TD > < TD, breedte = "40%" > 100 < /O > < /TR > < /tabel > < /body > < /html >,, zou leiden Tot de volgende resultaten en de vermindering van,,;