CodeLab
Tutorials For Everyone
Run
Learn HTML
<!DOCTYPE html> <html> <head> <style> /* ==============(table)============== */ table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } /* ==============(table)============== */ </style> </head> <body> <h1>CSS Default Value For <kbd>(table)</kbd></h1> <div class="content"> <p>By default, "table" element is displayed like this:</p> <table> <tr> <th>Day</th> <th>collection</th> </tr> <tr> <td>Sunday</td> <td>$10</td> </tr> <tr> <td>Moday</td> <td>$20</td> </tr> <tr> <td>Tuesday</td> <td>$5</td> </tr> </table> <h2>Default CSS Properties</h2> <pre class="default"> table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } </pre> </div> <!--============= End =============--> <script> var h=document.querySelector("h1");h.style.padding="30px",h.style.background="#333",h.style.color="#fff",h.style.boxShadow="0 0 3px 0 #aaa",h.style.borderTopLeftRadius="5px",h.style.borderTopRightRadius="5px";var k=document.querySelectorAll("h1 kbd");k.forEach(function(e){e.style.color="#0f0"});var c=document.querySelector(".content");c.style.cssText="background:#f8f9fa;box-shadow:0 0 3px 0 #aaa;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:20px 30px;margin-top:-22px";var p=document.querySelector(".default");p.style.cssText="background:#fefefe;box-shadow:inset 0 0 3px 0 #aaa;border-left:5px solid #333;padding:10px"; </script> </body> </html>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console