Marginesy i dopełnienie mogą być mylące, ponieważ pod pewnymi względami wyglądają jak to samo: biała przestrzeń wokół obrazu lub obiektu. Oto, co Ty jako projektant stron internetowych musisz wiedzieć o ich różnicach.
Wypełnienie
Dopełnienie to przestrzeń między obrazem lub zawartością komórki a jego zewnętrzną krawędzią. Na poniższym obrazku dopełnienie to żółty obszar wokół treści. W tym przypadku dopełnienie obejmuje całą zawartość: górną, dolną, prawą i lewą stronę. Możesz określić, ile dopełnienia (w procentach, pikselach, punktach itp.) dla każdej strony i nie muszą one być takie same. W ten sposób możesz umieścić zawartość w elemencie.
Marginesy
W przeciwieństwie do tego, marginesy to spacje poza obramowaniem elementu, między elementem a tym, co do niego przylega. Na obrazie margines to biały obszar poza całym obiektem. Podobnie jak dopełnienie, margines całkowicie otacza zawartość w tym przykładzie: u góry, u dołu, po prawej i lewej stronie. Możesz użyć marginesów do pozycjonowania elementów div i innych elementów na stronie.
Zawsze testuj swoje strony w różnych przeglądarkach, systemach operacyjnych (w tym na urządzeniach mobilnych) i rozmiarach ekranu, aby upewnić się, że wyświetlają się dokładnie tak, jak chcesz.
