margin & padding

[livecoding.tv]

Hallo zusammen
Ich hoffe meine Frage klingt nun nicht all zu blöd aber ich bin Anfänger und verwechsle ständig margin & padding. Irgendwie habe ich da einen Knoten. Wie macht ihr das?

Liebe Grüsse
Dany

 

[patrick_l]

Hi Dany,

erst einmal herzlich Willkommen im Forum von PSD-Tutorials. Nun zu deiner Frage. Mit Padding wird der Innenabstand definiert. Margin ist der entsprechende Pendant. Mit Margin wird also der Abstand nach außen festgelegt.

selector {
/* -| Kurze Schreibweise |----- */
    padding: 1px 2px 3px 4px;
    /*- oben / rechts / unten / links */
    margin: 1px 2px 3px 4px;
    /*- oben / rechts / unten / links */
}

Es gibt noch weitere Schreibweisen sowie Paarung von Werten. Damit du es besser nachvollziehen kannst, folgenden Artikel durchlesen.

-

Liebe Grüße, Patrick

 

[Mr_Chris]

Hi Dany,

ich hatte die Frage mehr nach einer Eselsbrücke verstanden und nicht nach einer Erklärung, obwohl die kann man auch nicht oft genug schreiben

Versuch es mal so: Margin kommt von Marginal und meint den Rand, also außen.
https://de.wikipedia.org/wiki/Marginal
Dann brauchst du dir für Padding nichts mehr merken.
Ansonsten to pad = Auffüllen oder auch das Futter, also innen.

LG Chris

 

[Dudlhofer]

Oder alphabetisch sortiert: M kommt vor P, von außen betrachtet.