Marja vs Doldurma
Kənar və doldurma arasındakı fərq CSS-də mühüm cəhətdir, çünki kənar və doldurma CSS-də müxtəlif elementlər arasında boşluq təmin etmək üçün istifadə olunan iki vacib anlayışdır. Doldurma və kənarlar bir-birini əvəz edə bilməz və fərqli məqsədlərə malikdir, buna görə də müvafiq şəkildə istifadə edilməlidir. Doldurma blokun məzmunu ilə sərhədi arasındakı boşluqdur. Digər tərəfdən, marja blokun sərhədindən kənarda olan boşluqdur. Haşiyə blokları bitişik bloklardan ayırır, doldurma isə haşiyəni məzmundan ayırır.
Padding nədir?
CSS-də (Cascading Style Sheets) doldurma məzmun və haşiyə arasında saxlanılan boşluqdur. Blokun məzmununu kənarından ayırır. Doldurma şəffafdır və elementin fon şəklini və ya fon rəngini də ehtiva edir. Elementin doldurulmasının miqdarı CSS kodunda “padding” terminindən istifadə etməklə müəyyən edilir. Məsələn, məzmunun ətrafına 25px padding əlavə etmək üçün aşağıdakı koddan istifadə edilə bilər.
div {
en: 300px;
hündürlük: 300px;
doldurma: 25px;
sərhəd: 25px bərk;
}
Lazım gələrsə, sol, sağ, yuxarı və aşağı üçün müxtəlif doldurma dəyərləri ayrıca göstərilə bilər. Aşağıdakı kod parçası hər tərəf üçün fərqli doldurma dəyərlərini təyin edir.
div {
en: 300px;
hündürlük: 300px;
doldurma üstü: 25px;
doldurma- alt: 35px;
doldurma-sol: 5px;
doldurma-sağ: 10px;
sərhəd: 25px bərk;
}
Marja nədir?
CSS-də (Cascading Style Sheets) haşiyə sərhəddən kənar boşluqdur. Bir bloku digər bloklardan ayırır. Haşiyə də şəffafdır, lakin doldurma ilə böyük fərq ondan ibarətdir ki, kənara elementə tətbiq olunan fon şəkilləri və ya fon rəngləri daxil deyil. CSS-də marjanın miqdarı “margin” termini ilə müəyyən edilir. Aşağıdakı kod parçası div blokunun ətrafında 25px kənar tətbiq etdi.
div {
en: 320px;
hündürlük: 320px;
sərhəd: 5px bərk;
margin: 25px;
}
Blokun müxtəlif tərəfləri üçün də müxtəlif dəyərlər təyin oluna bilər. Aşağıdakı kod parçası hər tərəf üçün fərqli marja dəyərləri tətbiq edir.
div {
en: 320px;
hündürlük: 320px;
sərhəd: 5px bərk;
margin-top: 25px;
margin- alt: 35px;
margin-sol: 5px;
sağdan kənar: 10px;
}
Marja və Doldurma arasındakı fərq nədir?
• Doldurma haşiyə ilə məzmun arasındakı boşluqdur, kənar isə sərhəddən kənar boşluqdur.
• Doldurma blokun məzmununu sərhəddən ayırır. Haşiyə bir bloku digərindən ayırır.
• Doldurma məzmuna tətbiq olunan fon şəkilləri və fon rənglərindən ibarətdir, kənarda isə belə məzmun yoxdur.
• Doldurma üst-üstə düşmədiyi halda bitişik blokların kənarları üst-üstə düşə bilər.
Xülasə:
Padding vs Margin
Padding blokun haşiyəsi daxilində sərhədi məzmundan ayıran boşluqdur. Haşiyə bloku bitişik bloklardan ayıran sərhəddən kənar məsafədir. Başqa bir fərq, dolğunluğun məzmunun ətrafında tətbiq olunan fon şəklini və fon rənglərini ehtiva etməsidir, kənarda isə onları ehtiva etmir. Qonşu blokların kənarları bəzən brauzer səhifəni göstərdikdə üst-üstə düşə bilər, lakin doldurmaq üçün belə şey baş verməyəcək.
