html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<p class="none">This paragraph has no border.</p>
<p class="solid">This is a solid border</p>
<p class="dotted">This is a dotted border.</p>
<p class="dashed">This is a dashed border.</p>
<p class="double">This is a double border.</p>
<p class="groove">This is a grooved border.</p>
<p class="ridge">This is a ridged border.</p>
<p class="inset">This is an inset border.</p>
<p class="outset">This is an outset border.</p>
<p class="hidden">This is a hidden border.</p>
<h1>For Unordered List</h1>
<h3>Circle</h3>
<ul class="circle">
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ul>
<h3>Disc</h3>
<ul class="disc">
<li>list 1</li>
<li>list 2</li>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
h3 {
margin-top: 10px;
margin-bottom: 3px;
padding-top: 10px;
padding-bottom: 3px;
color: blue;
}
ul.circle {list-style-type: circle;}
ul.disc {list-style-type: disc;}
ul.square {list-style-type: square;}
ol.armenian {list-style-type: armenian;}
ol.ideo {list-style-type: cjk-ideographic;}
ol.decimal {list-style-type: decimal;}
ol.dec-lead-zero {list-style-type: decimal-leading-zero;}
ol.georgian {list-style-type: georgian;}
ol.hebrew {list-style-type: hebrew;}
ol.hira {list-style-type: hiragana;}
ol.hira-iroha {list-style-type: hiragana-iroha;}
ol.kata {list-style-type: katakana;}
ol.kata-iroha {list-style-type: katakana-iroha;}
ol.low-alpha {list-style-type: lower-alpha;}
ol.low-greek {list-style-type: lower-greek;}
ol.low-latin {list-style-type: lower-latin;}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run