الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> h1 { text-align: center; } h3 { margin-top: 40px; } table { border-collapse: collapse; background: #e2e2e2; } th, td { border: 5px solid; } </style> </head> <body> <h1>None vs Hidden Border With Tables</h1> <h3>1- Table with hidden borders</h3> <table style="border-style:hidden"> <tr> <th>User</th> <th>Country</th> </tr> <tr> <td>Mhamad</td> <td>Lebanon</td> </tr> <tr> <td>Hala</td> <td>Egypt</td> </tr> </table> <p>"hidden" hides tables borders and cell borders completely.</p> <h3>2- Table with none borders</h3> <table style="border-style:none"> <tr> <th>User</th> <th>Country</th> </tr> <tr> <td>Mhamad</td> <td>Lebanon</td> </tr> <tr> <td>Hala</td> <td>Egypt</td> </tr> </table> <p>"none" hides tables borders but don't affect cells borders.</p> </body> </html>