CSS-də padding boşluqları ilə işləmək
Tutaq ki, biz hansısa elementə eni
100px təyin etdik. CSS-də bu, heç də
elementin həqiqətən də eni
100px olacağı mənasını vermir.
Ona görə ki,
padding əlavə etmək elementi genişləndirir
və o, width xassəsində göstəriləndən
daha böyük olur.
Nümunəyə baxaq. Eni 100
piksel təyin etdiyimiz iki blok
edək. Eyni zamanda ikinci bloka
padding təyin edək, birinciyə isə etməyək.
Nəticədə
ikinci blok boşluq ölçüsü qədər böyük olacaq:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
padding: 25px; /* boşluqları təyin edirik */
width: 100px;
height: 100px;
background: #f1f1f1;
}
:
