Margines vs dopełnienie
Różnica między marginesem a dopełnieniem jest ważnym aspektem w CSS, ponieważ margines i dopełnienie to dwie ważne koncepcje używane w CSS w celu zapewnienia odstępów między różnymi elementami. Dopełnienie i marginesy nie są wymienne i mają różne cele, dlatego muszą być odpowiednio używane. Padding to przestrzeń pomiędzy treścią a granicą bloku. Margines natomiast to przestrzeń poza granicami bloku. Margines oddziela bloki od sąsiednich bloków, podczas gdy dopełnienie oddziela granicę od zawartości.
Co to jest wypełnienie?
W CSS (kaskadowe arkusze stylów) padding to przestrzeń utrzymywana między treścią a obramowaniem. Oddziela zawartość bloku od jego krawędzi. Dopełnienie jest przezroczyste i zawiera również obraz tła lub kolor tła elementu. Wielkość dopełnienia elementu określa się za pomocą terminu „dopełnienie” w kodzie CSS. Na przykład, aby dodać dopełnienie o wielkości 25 pikseli wokół treści, można użyć następującego kodu.
div {
szerokość: 300px;
wysokość: 300px;
wypełnienie: 25px;
obramowanie: stałe 25px;
}
W razie potrzeby różne wartości dopełnienia można określić oddzielnie dla lewej, prawej, górnej i dolnej części. Poniższy fragment kodu określa różne wartości wypełnienia dla każdej strony.
div {
szerokość: 300px;
wysokość: 300px;
padding-top: 25px;
wypełnienie-dół: 35px;
dopełnienie-lewo: 5px;
dopełnienie-prawo: 10px;
obramowanie: stałe 25px;
}
Co to jest depozyt zabezpieczający?
W CSS (kaskadowe arkusze stylów) margines to przestrzeń poza obramowaniem. Oddziela blok od innych bloków. Margines jest również przezroczysty, ale wielką różnicą w stosunku do dopełnienia jest to, że margines nie zawiera obrazów tła ani kolorów tła zastosowanych do elementu. Wysokość marży w CSS określana jest terminem „marża”. Poniższy fragment kodu zastosował margines 25 pikseli wokół bloku div.
div {
szerokość: 320px;
wysokość: 320px;
obramowanie: stałe 5px;
marża: 25px;
}
Różne wartości można również określić dla różnych stron bloku. Poniższy fragment kodu stosuje różne wartości marginesów dla każdej strony.
div {
szerokość: 320px;
wysokość: 320px;
obramowanie: stałe 5px;
górny margines: 25px;
margin-dolny: 35px;
margines lewy: 5px;
margin-prawy: 10px;
}
Jaka jest różnica między marginesem a dopełnieniem?
• Dopełnienie to przestrzeń między obramowaniem a treścią, podczas gdy margines to przestrzeń poza obramowaniem.
• Dopełnienie oddziela zawartość bloku od obramowania. Margines oddziela jeden blok od drugiego.
• Dopełnienie składa się z obrazów tła i kolorów tła zastosowanych do treści, podczas gdy margines nie zawiera takich treści.
• Marginesy sąsiednich bloków mogą zachodzić na siebie, podczas gdy dopełnienie się nie nakłada.
Podsumowanie:
Dopełnienie a margines
Dopełnienie to przestrzeń wewnątrz obramowania bloku, która oddziela obramowanie od zawartości. Margines to odstęp na zewnątrz granicy, który oddziela blok od sąsiednich bloków. Kolejną różnicą jest to, że dopełnienie obejmuje obraz tła i kolory tła zastosowane wokół zawartości, podczas gdy margines ich nie zawiera. Marginesy sąsiednich bloków mogą czasami nakładać się na siebie, gdy przeglądarka renderuje stronę, ale w przypadku wypełnienia coś takiego się nie stanie.
