Ofte benyttes funktionerne i CSS-sproget (Cascading Style Sheets) til at specificere størrelsen af indrykninger på HTML-sider. Selvom der i selve HTML-sproget er flere "rudimentære" rester, som i nogle tilfælde tillader indstilling af indrykning. Nedenfor er de muligheder, der bruges oftest, men udover dem er der stadig en hel del forskellige slags tricks, der giver dig mulighed for at indstille indryk til ikke-standardmarkering af HTML-dokumenter.
Er det nødvendigt
Grundlæggende kendskab til HTML- og CSS-sprog
Instruktioner
Trin 1
Bestem sideelementet, hvorfra du skal indrykke. For eksempel, hvis teksten er placeret inde i tagget … (blok), vil denne blok være det overordnede element for denne tekst, og indrykket skal tælles fra blokens kanter. Og hvis teksten (eller billedet) ikke er inde i nogen blok (div, li osv.) Eller indbyggede (span, p osv.) Elementer, vil dens overordnede være dokumentteksten (body tag). Det er nødvendigt at definere et overordnet element til teksten, fordi det er han, der har brug for at angive beskrivelserne af de typografier, der danner ledene. Lad os antage, at din tekst er placeret inde i en div-blok: Eksempeltekst
Trin 2
Brug egenskaben CSS-sprogmargen til at indstille margener, det vil sige afstanden fra grænserne for et element til tilstødende elementer såvel som rammerne for det overordnede element. Denne afstand kan indstilles separat for polstring på hver side: margin-top - øverst, margin-right - til højre, margin-bottom - i bunden, margin-left - til venstre. For eksemplet ovenfor kan denne css-kode se sådan ud: div {
margin-top: 10 px;
margen-højre: 15px;
margin-bund: 40 px;
margen til venstre: 70 px;
} Her er "div" en vælger, der specificerer, at denne stil skal anvendes på alle divs i dokumentkoden. CSS-syntaksen giver dig mulighed for at kombinere alle fire linjer i en: div {
margen: 10px 15px 40px 70px;
} Værdierne for indrykningerne skal altid angives i denne rækkefølge: først - øverst, derefter - til højre, nederst og venstre. Hvis indrykningerne er ens på alle sider, er det nok at angive værdien en gang: div {
margen: 70 px;
} Derudover kan du indstille en flydende vandret margen (dvs. venstre og højre). Dette kan være meget nyttigt, når du skal indstille en blok med en given bredde nøjagtigt i midten af browservinduet. Selve browseren bestemmer automatisk, hvor meget indrykning der skal være på begge sider, hvis du skriver følgende CSS-sætning: div {
margen: 0 auto;
}
Trin 3
Brug polstringsegenskaben til at indstille polstring, som er afstanden fra grænsen til et element til alle elementer, der er placeret inde i det, inklusive tekst. Syntaksen for denne egenskab er nøjagtig den samme som for marginegenskaben: div {
polstring-top: 10 px;
polstring-højre: 15px;
polstring-bund: 40px;
polstring til venstre: 70 px;
} Eller div {
polstring: 10px 15px 40px 70px;
}
Trin 4
Brug egenskaben tekstindryk til at indstille den ekstra indrykning til den første linje i hvert afsnit i teksten. For eksempel: div {
tekstindryk: 80 px;
}
Trin 5
Brug attributterne hspace og vspace for HTML img-koden til at indstille henholdsvis den vandrette og lodrette indrykning fra billedet til de ydre elementer. For eksempel sådan:
Trin 6
Brug cellepadding-attributten for tabellemærket, hvis du har brug for at indstille indrykket fra cellernes kanter i tabellen til deres indhold. Og attributten celleafstand indstiller afstanden mellem tabelceller. For eksempel:
| 1 | 2 |
