Marquee HEIGHT / WIDTH

Example code


<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE BEHAVIOR=SCROLL HEIGHT=25 WIDTH=300 BGColor=yellow>This is an example of a scrolling marquee</MARQUEE></FONT> 


Result

This is an example of a scrolling marquee

Marquee Scrolling Text - ALTERNATE

Example code


<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE BGColor=yellow>This is an example of an alternating marquee...</MARQUEE></FONT>

Result



 

This is an example of an alternating marquee...

Html Font size Code

Example Code

• <FONT SIZE="1">Test text</FONT>
  Test text
• <FONT SIZE="2">Test text</FONT>
  Test text
• <FONT SIZE="3">Test text</FONT>
  Test text
• <FONT SIZE="4">Test text</FONT>
  Test text
• <FONT SIZE="5">Test text</FONT>
  Test text
• <FONT SIZE="6">Test text</FONT>
  Test text
• <FONT SIZE="7">Test text</FONT>
  Test text

Result

Test text
Test text

Test text
Test text

Test text
Test text

Test text
Test text

Test text
Test text

Test text
Test text

Test text
Test text

Thick Border

Example Code


<!-- Codes by HTMLmagics -->
<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:1px dotted Green;">
This HTML textbox has a thin, dotted border.
</textarea>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/textboxes/textbox-border.cfm">Textbox borders</a></p>


Result

<br /> This HTML textbox has a thin, dotted border.<br />

Textbox borders

Example Code


<!-- Codes by HTMLmagics -->
<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:1px solid Green;">
This HTML textbox has a thin, solid border.
</textarea>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/textboxes/textbox-border.cfm">Textbox borders</a></p>


Result

<br /> This HTML textbox has a thin, solid border.<br />

Textbox borders

CSS List Style - Image

Example Code


<!-- Codes by HTMLmagics -->
<ol>
<li style="list-style-image:url(http://www.htmlcodes.me/images/image-codes/bullet_1.gif);">Carrots</li>
<li style="list-style-image:url(http://www.htmlcodes.me/images/image-codes/bullet_2.gif);">Onions</li>
<li style="list-style-image:url(http://www.htmlcodes.me/images/image-codes/bullet_3.gif);">Swedes</li>
</ol>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/image-codes/css-image-code.cfm">CSS image code</a></p>


Result

1. Carrots
2. Onions
3. Swedes

CSS image code

CSS List Style Image

Example Code


<!-- Codes by HTMLmagics -->
<ul style="list-style-image:url(http://www.htmlcodes.me/images/image-codes/printer-icon.gif);">
<li>Printer</li>
<li>Printer ink</li>
<li>Paper</li>
</ul>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/image-codes/css-image-code.cfm">CSS image code</a></p>


Result

• Printer
• Printer ink
• Paper

CSS image code