Notes and Study Materials

Different CSS Properties:

 

CSS has grouped all the CSS properties into logical groups to give the massive amount of properties some order, unlike HTML. The different CSS properties are as follows:

 

Font Properties: The CSS font properties control all aspects of your text graphical representation. The following  are the different font properties:

You May Also Like:

Features of HTML
Structure of HTML Document
HTML Formatting Tags
Different Types of Lists in HTML

 

Font: It is used tp set all the font attributes for an element. The different font attributes are as follows:

    font-style
    font-variant
    font-weight
    font-size
    line-height
    font-family

font-family:
The font-family property allows the author to provide a comma-separated list of specific font families.

 

font-size:

The font-size property is used to change the size of an element's text. Allowable
values are small,medium,large,larger, smaller

 

font-style:

The font-style property is mostly used to specify italic text. This property has three values normal, italic and oblique

 

font-weight:

The font-weight property is used to alter the visual weight of characters in an element.

 

font-variant:

The font-variant property is used to specify one of two font faces (normal,small-caps) to be used in the rendering of a given element's text.

 

Text Properties:

letter-spacing: The letter-spacing property is used to specify the amount of space placed between adjacent characters. Allowable values are normal and length.

 

word-spacing:

The word-spacing modifies the amount of space placed between words. Allowable values are normal and length.

 

text-decoration:

The text-decoration property is used to set or remove decorations from text and this property is mostly used to remove underlines from links for design purposes:

 

vertical-align:

The vertical-align property determines the alignment of text within a line, or within a table cell.The allowable values are baseline,sub, super,top,text-top, middle,bottom, text-bottom, percentage and length.

 

text-transform:

The text-transform property changes the capitalization of text within an element, or else directs the user agent to leave the capitalization "as is.". The possible values are capitalize, uppercase, lowercase, none

 

text-align:

The text-align property is used to set the horizontal alignment of a text. Text can be centered, or aligned to the left or right, or justified.

 

text-indent:

The text-indentation property is used to specify the indentation of the first line of a text.

 

Box Properties:

The CSS box properties are used to define the spacing in and around HTML elements, their borders, and other positioning aspects.

Margin:

The margin property is used to set the width of the margins on all four sides of an element. Allowable values are length, percentage and auto.

 

Padding:

The padding property is used to specify how much space should appear between the content of an element and its border.

 

Border:

This property is used to set the style, color, and width of the border around an element.

 

Border-width:

This property is used to set the width of the four border sides of an element. The allowable values are length, thin, medium and thick.

 

Border-color:

This property allows you to change the color of the border surrounding an element.

 

Border-style:

This property allows you to specify one of the following styles of border:

none: No border. (Equivalent of border-width:0;)
solid: Border is a single solid line.
dotted: Border is a series of dots.
dashed: Border is a series of short lines.
double: Border is two solid lines.
groove: Border looks as though it is carved into the page.
ridge: Border looks the opposite of groove.

Width: This property  is used to set the width of an element's content area.
Height:This property is used to set the height of an element's content area.

 

Background Properties

 

The CSS background properties control things like if the background is a single color or maybe an image.

Background:background: is used to set background styles for an element.

Background Color: It is used to set a solid color for the entire background, including the padding and border background, of an element.

Background Image: It is used to use an image in the background of an element.

Background Repeat: It defines the directions in which a background image will be repeated. the different values are repeat, repeat-x, repeat-y and no-repeat.

Background Attachment: It Determines if the background image is fixed in the window or scrolls as the document scrolls.

 

You May Also Like:

Tables in HTML
HTML Css(Cascading Style Sheets)
Forms in HTML
Different CSS Properties

Back To HTML Questions