Koding av CSS, avstand mellom avsnitt.

IngarPedersen
IngarPedersens bilde
Avlogget
Ble med: 29.07.2013

Noen som kan forklare meg hvordan jeg lager mere plass mellom avsnittene i CSS dokumentet? ønsker altså mere luft mellom "paragrafene"?

Hvilke koder bruker jeg i CSS for å oppnå dette?

Ingar

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Koding av CSS, avstand mellom avsnitt.

Hei, Ingar

Du har to muligheter, det ene er margin og det andre er padding.

Siden avsnitt er i <p>, så setter du egenskaper på p-elementet i CSS ved hjelp av:

  1. p {
  2. margin: 5px 0 5px 0;
  3. }

Dette skjer på formatet: "margin: topp høyre bunn venstre". Med andre ord er det 5px margin til elementet over og under.

Du kan også bruke f.eks.

  1. p {
  2. margin-top: 5px;
  3. margin-bottom: 5px;
  4. }

Som jeg sa innledningsvis, så kan du også bruke padding på samme måte. Padding utvider elementet p fremfor å sette margin på det. For å gjøre det tydelig, sett en annen farge på elementet p og se forskjellen.

Veksle mellom

  1. p{
  2. background-color: #ff0000;
  3. padding: 5px;
  4. }

og

  1. p{
  2. background-color: #ff0000;
  3. margin: 5px;
  4. }

og legg merke til forskjellen. Når jeg kun setter én egenskap på padding eller margin gjelder det i alle retninger. "margin: 5px" eller "padding: 5px" gjør altså marginen eller paddingen til 5px i alle retninger. Du kan også bruke både padding og margin på p-elementet samtidig. Prøv f.eks.

  1. p{
  2. background-color: #ff0000;
  3. margin: 5px;
  4. padding: 5px;
  5. }
IngarPedersen
IngarPedersens bilde
Avlogget
Ble med: 29.07.2013
Tusen takk for svar, Må si

Tusen takk for svar, smil

Må si du yter god service på denne siden smil

Svar på forumemnet

(If you're a human, don't change the following field)
Your first name.
Innholdet i dette feltet blir holdt privat og vil ikke bli vist offentlig.