Proprietà del riempimento di CSS

Cambiare il riempimento che compare vari elementi interni del HTML (paragrafi, tabelle, ecc), riempimento di difetto di CSS è usato. Ma in primo luogo, lasciarli si assicurano la definizione di riempimento che capiamo. Lo spazio fra il bordo dell'elemento ed il soddisfare all'interno di esso è denominato come riempimento.
La distanza fra il bordo (X) di un elemento del HTML ed il soddisfare all'interno di esso è denominata come riempimento

parametri del riempimento

riempimento-parte superiore

La maggior parte delle regole per i riempimenti inoltre si applicano a riempimento, a meno che non ci sia valore “auto„ ed i valori negativi non possono essere dichiarati per riempimento.

Sintassi del riempimento

padding-top: length percentage;
padding-left: length percentage;
padding-right: length percentage;
padding-bottom: length percentage;

You have 2 choices of values for the padding property, you can also see in the above example

length
percentage

All the padding of an element in a single property can be declared as follows:

Codice di CSS

padding: 10px 10px 10px 10px;

If you declare all 4 values as I have above, the order is as follows:

top
right
bottom
left

It sets the padding on all sides,if only one value is declared. (see below)

padding: 10px;

I valori impliciti sono presi dal lato avversario, se dichiarate soltanto due o tre valori. (vedere sotto)

Il CSS codifica

padding: 20px 10px; /* 2 values */
padding: 20px 10px 10px; /* 3 values */

Il riempimento è 0 (zero), se non dichiarate il valore del riempimento di un elemento.

Nota: Se il valore è 0 (zero), non dovete aggiungere il px (pixel) o che cosa unità usate.

Il contenitore principale per questo luogo ha 30px (pixel) di riempire fra il bordo ed il testo è nel seguente esempio:

#container{
width: 70%;
padding: auto;
padding: 30px;
border: 1px solid #666;
background: #ffffff;
}

Il riempimento di sinistra di un testo può essere regolato usando dopo il codice.

Codice di CSS

<html>
<head>
<style type="text/css">
td {padding-left: 2cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td>
This is a tablecell with a left padding. This is a tablecell with a left padding.
</td>
</tr>
</table>
</body>

</html>

La tabella follwing descrive le proprietà del bordo:

Property	Description	values
padding	A shorthand property for setting the padding properties in one declaration	padding-top padding-right padding-bottom padding-left
padding-bottom	Sets the bottom padding of an element	auto length
padding-left	Sets the left padding of an element	auto length
padding-right	Sets the right padding of an element	auto length
padding-top	Sets the top padding of an element	auto length