Skip to main content

STYLES ATTRIBUTE


(HOW TO USED HTML STYLE)

TEXT-COLOR

The html text color code is

<h1 style="color:red">I AM RED</H1>

OUTPUT







BACKGROUND-COLOR

<h1 style="background-color:yellow">MY BACKGROUND COLOR IS YELLOW</H1>

OUTPUT




BORDER-COLOR

<h1 style="border:5px solid red">MY BORDER COLOR IS SOLID RED</H1>

<h1 style="border:5px double blue">MY BORDER COLOR IS SOLID RED</H1>

<h1 style="border:5px inset  green">MY BORDER COLOR IS SOLID RED</H1>

<h1 style="border:5px outset violet">MY BORDER COLOR IS SOLID RED</H1>

<h1 style="border:5px ridge brown">MY BORDER COLOR IS SOLID RED</H1>

<h1 style="border:5px groove purple">MY BORDER COLOR IS SOLID RED</H1>

<h1 style="border:5px mix black">MY BORDER COLOR IS SOLID RED</H1>

OUTPUT







FONT-FAMILY

<h1 style="font-family:chiller">MY FONT FAMILY(STYLE) IS JOKER</H1>

OUTPUT




TEXT-ALIGNMENT

<h1 style="text-align:center">I AM center</H1>


<h1 style="text-align:right">I AM RIGHT</p>


<h1 style="text-align:left">I AM LEFT</H1>

<p style="text-align:justify">I AM justify</H1>

OUTPUT




FONT-SIZE

<h1 style="font-size:500%">I AM 500% BIGGER</H1>

OUTPUT



Comments

Popular posts from this blog

UN-ORDER LIST

  Unordered HTML List Un-ordered list starts with the  <ul>  tag. Each list item starts with the  <li>  tag. The list items will be marked with bullets (small black circles) by default:

PARAGRAPH TAG

  <P> is stand for paragraph.Always use opeing tag <p> and closed by </p> 

ORDER LIST

  Ordered HTML List  Ordered list starts with the  <ol>  tag. Each list item starts with the  <li>  tag. The list items will be marked with numbers by default: