Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</title> <style> caption { background: #ccc; } .top caption { caption-side: top; } .bottom caption { caption-side: bottom; } table, th, td { border: 1px solid #cccccc; padding: 3px; } td { background-color: #1c87c9; color: #ffffff; } </style> </head> <body> <h2>Ein Beispiel für die Eigenschaft caption-side</h2> <p>Hier ist caption-side auf "top" eingestellt:</p> <table class="top"> <caption>OBENE</caption> <tr> <td>Text</td> <td>Text</td> </tr> </table> <br> <p>Hier ist caption-side auf "bottom" eingestellt:</p> <table class="bottom"> <caption>UNTEN</caption> <tr> <td>Text</td> <td>Text</td> </tr> </table> </body> </html>