CSS Properties

Used for background image.

background-image: url(images/bg.jpg);

In which directions the background image will be tiled and repeated.

Repeat-x, repeat-y, no-repeat, repeat

Sets the text color. Color name or color code is entered.

color: red;

color: #999;

color: rgb(255, 255, 255);

Sets the font.

font-family: Arial;

Sets the font size (px, pt, em).

font-size: 10pt;

Draws a line below, above, or above the text.

underline to underline, none to remove the line

Sets the indent of the first line of the paragraph.

text-indent:15px;

Sets the character spacing.

letter-spacing: 5px;

Outer space around an element.

margin:5px;

When we use it this way, the same amount of space is left from all directions. If we just want to set space from the bottom, top, left or right, we can use it as follows:

margin-top 

margin-right (right margin) 

margin-bottom 

margin-left (left margin) 

The inner space of an element. (inside the borders)

padding: 5px;

When we use it this way, the same amount of space is left from all directions . If we just want to set space from the bottom, top, left or right, we can use it as follows:

padding-top (top margin) 

padding-right (right margin) 

padding-bottom (bottom margin) 

padding-left (left margin) 

We can set the border style. Like solid, dotted, dashed. If we just want to set the left, right, bottom or top border style, we can use the following properties:

border-top-style     

border-right-style  

border-bottom-style  

border-left-style

We can set the border thickness. If we just want to adjust the left, right, bottom or top border thickness, we can use the following properties:

border-top-width  

border-right-width  

border-bottom-width  

border-left-width 

We can set the border color. If we just want to adjust the left, right, bottom or top border thickness, we can use the following properties:

border-top-color   

border-right-color  

border-bottom-color   

border-left-color 

border: 2px dotted #022163;

The thickness, style and color of the border can be determined in a single line.

border-collapse:collapse;

By using the as above, cells can be removed from their lines. That is, table borders consist of one line instead of two lines.

It is especially used for div elements. Div elements are normally placed one after the other. We can place it as we want by setting the float properties to “left, right”.

float:left;

float:right;

It ensures that the div element to which it is applied and the div elements that follow it continue to be placed as normal, and are not affected by the float properties applied to the previous divs. For this, the clear property is used as follows:

clear:both;

HTML tags are divided into inline and block elements. Block elements are placed one below the other on the page. That is, the tags after that element continue from the bottom line. For example, after tags such as table, h1, p, div, the bottom line is passed.

Inline elements are placed inline. For example, tags such as b, i, u , a, font continue from the same line. These properties of the desired tags can be changed as follows:

display:block;

display:inline ;

In lists created with ol or ul, we use it to determine the number or sign at the beginning of the line. For example, if we want to use capital Roman numerals:

ul { List-style-type:upper-roman; }

The bullet can be removed by giving it a value of None.

In the bulleted lists we create with the ul tag, we can use this feature if we want to put an image that we specify instead of the beginning of the line:

ul { List-style-image:url(mark.jpg); }