Category Archives: CSS

CSS Tutorial

CSS

CSS Tutorial! If you started to learn CSS then this page is a good starting point to learn CSS. For those advanced in css language, we show complex examples using new features of CSS3 standard. For beginners the most important examples that we have to practice are: colors and backgrounds, text alignment, set items in a page web… Read More »

Text

The CSS Text property it is used for formatting the html page content. The Text properties are: color direction letter-spacing line-height text-align text-decoration text-indent text-shadow text-transform text-overflow unicode-bidi vertical-align white-space word-spacing Text example: <html> <head> </head> <body> The heading text. The paragraph text. </body> </html> The heading text. The paragraph text.

Height and Width

The CSS Height and Width property it is used to set the height of a html element. Height and Width <style> div { height: 150px; width: 350px; background-color: #A7D71B; } </style> Height and Width example: <html> <head> </head> <body> <div class=”x1″> The height is 150 pixels. The width is 350 pixels. </div> </body> </html> The height is 150… Read More »

Padding

The CSS Padding property it is used to set the space between an html element border and the html element content. The padding values are: auto, length (px, pt, cm, em), %, inherit. The Padding properties are: padding padding-left padding-right padding-top padding-bottom Padding example: <html> <head> </head> <body> My standard paragraph. Paragraph with padding declared. Paragraph with a… Read More »

Margin

The CSS Margin property it is used to set the space around an html element. The margin values are: auto, length (px, pt, cm), %, inherit. The Margin properties are: margin margin-left margin-right margin-top margin-bottom Margin example: <html> <head> </head> <body> My standard paragraph. Paragraph with margin declared. Paragraph with a specified margin bottom. Paragraph with a specified… Read More »

Border

The CSS Border property it is used to set the border of an html element. The Border properties are: border-color border-style border-width Border example: <html> <head> </head> <body> Html element with no border. Html element with solid border and color blue. Paragraph with medium border. Paragraph with double border. </body> </html> Html element with no border. Html element… Read More »

Table Width and Height

The CSS Table Width and Height property it is used to set the width and the height of a html table. Table Width and Height <style> table { width: 50%; height: 50%;} </style> Table Width and Height example: <html> <head> </head> <body> Column1Column2Column3 cell1cell2cell3 cell4cell5cell6 cell7cell8cell9 </body> </html> Column1 Column2 Column3 cell1 cell2 cell3 cell4 cell5 cell6 cell7… Read More »

Table Collapse Border

The CSS Table Collapse Border property it is used to set the border of a html table into a single border. Table Collapse Border <style> table { border-collapse: collapse; } table, th { border: 2px solid green; } td { border: 1px solid green; } </style> Table Collapse Border example: <html> <head> </head> <body> Column1Column2 cell1cell2 cell3cell4 </body>… Read More »

Table Border

The CSS Table Border property it is used to set the border of a html table. Table Border <style> table, th { border: 2px solid green; } td { border: 1px solid green; } </style> Table Border example: <html> <head> </head> <body> Column1Column2 cell1cell2 cell3cell4 </body> </html> Column1 Column2 cell1 cell2 cell3 cell4

List Style Type

The CSS list-style-type property it is used to set the shape or appearance of the marker in a html page. Text Transform properties are: decimal decimal-leading-zero lower-alpha upper-alpha lower-roman upper-roman lower-greek lower-latin upper-latin List Style Type example: <html> <head> </head> <body> Test 1 Test 2 Test 3 Line 1 Line 2 Line 3 Style A Style B Style… Read More »