Vous êtes sur la page 1sur 2

Muhmmad Asif/handout5 1|P a g e Web Design And development

Text Attributes:

Properties = values

 Text-decoration = none,underline,overline,line-through,blink
 Text-transform = capitalize ,uupercase,lowercase,none
 Text-align = “left” , “Right” , “center” , “justify”
 Text-indent = % ,pix
 Vertical-align = baseline,sub,super,top,text-top,text-middle,text-bottom,%

It is defiened as:

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
p {text-indent:50px;}

p.date {text-align:right;}

Border Attributes:

Properties = values

 Border-style =solid,doublegroove,ridge,inset,outset
 Border-color=name of color , code of color
 Border-width=thin,medium,thick,length(%,number)
 Border-top-width= thin,medium,thick,length(%,number)
 Border-bottom-width= thin,medium,thick,length(%,number)
 Border-left-width= thin,medium,thick,length(%,number)
 Border-right-width= thin,medium,thick,length(%,number)
 Border-top=width,color ,style
 Border-bottom=width,color ,style
 Border-left=width,color ,style
 Border-right=width,color ,style
 Border=1,2…….10

It is defiened as:

p.one
{
border-style:solid;
border-width:5px;
}
p.two
{
border-style:solid;
border-width:medium;
}

BIIT, PMAS Arid Agriculture University, RWP


Muhmmad Asif/handout5 2|P a g e Web Design And development

Border indivisualslide :

{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}

Margin attributes:

Properties = values

 Margin-top=% ,numeric values


 Margin-bottom=% ,numeric values
 Margin-left=% ,numeric values
 Margin-right=% ,numeric values
 Margin = left,top,right,bottom

It is defiened as”

margin-top:100px;

margin-left:50px;

margin:100px 50px;

List attributes:

Properties = values

 List-style = disc,circle,sequare,decimal,lower-roman,uper-roman,lower-alpha,upper-
alpha,alpha,none

It is defiened as

ol.c {list-style-type: upper-roman;}


ol.d {list-style-type: lower-alpha;}
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}

BIIT, PMAS Arid Agriculture University, RWP

Vous aimerez peut-être aussi