Margines a dopełnienie
Różnica między marginesem a dopełnieniem jest ważnym aspektem w CSS, ponieważ margines i dopełnienie to dwa ważne pojęcia używane w CSS w celu zapewnienia odstępów między różnymi elementami. Dopełnienie i marginesy nie są zamienne i mają różne cele, dlatego muszą być odpowiednio używane. Wypełnienie to przestrzeń między treścią a obramowaniem bloku. Z drugiej strony margines to przestrzeń poza granicami bloku. Margines oddziela bloki od sąsiednich bloków, a dopełnienie oddziela obramowanie od zawartości.
Co to jest wypełnienie?
W CSS (Cascading Style Sheets) dopełnienie to przestrzeń między treścią a obramowaniem. Oddziela zawartość bloku od jego krawędzi. Wypełnienie jest przezroczyste i obejmuje również obraz tła lub kolor tła elementu. Wielkość wypełnienia elementu określa się za pomocą terminu „dopełnienie” w kodzie CSS. Na przykład, aby dodać wypełnienie 25 pikseli wokół zawartości, można użyć następującego kodu.
div {
width: 300px;
wysokość: 300px;
wypełnienie: 25px;
obramowanie: jednolite 25px;
}
W razie potrzeby można osobno określić różne wartości dopełnienia 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 {
width: 300px;
wysokość: 300px;
padding-top: 25px;
padding-bottom: 35px;
padding-left: 5px;
padding-right: 10px;
obramowanie: jednolite 25px;
}
Co to jest Marża?
W CSS (Cascading Style Sheets) margines to przestrzeń poza obramowaniem. Oddziela blok od innych bloków. Margines jest również przezroczysty, ale wielką różnicą w przypadku dopełnienia jest to, że nie zawiera on obrazów tła ani kolorów tła zastosowanych do elementu. Wysokość depozytu w CSS jest określana przy użyciu terminu „depozyt”. Poniższy fragment kodu zastosował margines 25 pikseli wokół bloku div.
div {
width: 320px;
wysokość: 320px;
obramowanie: jednolite 5px;
margines: 25px;
}
Można również określić różne wartości dla różnych stron bloku. Poniższy fragment kodu stosuje różne wartości marginesów dla każdej strony.
div {
width: 320px;
wysokość: 320px;
obramowanie: jednolite 5px;
margin-top: 25px;
margin-bottom: 35 pikseli;
margin-left: 5px;
margin-right: 10px;
}
Jaka jest różnica między marginesem a dopełnieniem?
• Wypełnienie to przestrzeń między obramowaniem a treścią, a margines to przestrzeń poza obramowaniem.
• Dopełnienie oddziela zawartość bloku od obramowania. Margines oddziela jeden blok od drugiego.
• Wypełnienie składa się z obrazów tła i kolorów tła zastosowanych do zawartości, podczas gdy margines ich nie zawiera.
• Marginesy sąsiednich bloków mogą na siebie zachodzić, podczas gdy wypełnienie nie zachodzi.
Streszczenie:
Wypełnienie a margines
Wypełnienie to przestrzeń wewnątrz obramowania bloku, która oddziela granicę od treści. Margines to odstępy na zewnątrz obramowania, które oddzielają blok od sąsiednich bloków. Inną różnicą jest to, że dopełnienie obejmuje obraz tła i kolory tła zastosowane dookoła treści, podczas gdy margines ich nie zawiera. Marginesy sąsiednich bloków mogą czasami zachodzić na siebie, gdy przeglądarka renderuje stronę, ale w przypadku wypełnienia coś takiego nie nastąpi.
Zdjęcia dzięki uprzejmości:
