Ofte brukes funksjonene til CSS-språket (Cascading Style Sheets) for å spesifisere størrelsen på innrykk på HTML-sider. Selv om det i HTML-språket i seg selv er flere "rudimentære" rester, som i noen tilfeller tillater å sette innrykk. Nedenfor er alternativene som brukes oftest, men i tillegg til dem er det fortsatt mange forskjellige triks som lar deg sette innrykk for ikke-standard markering av HTML-dokumenter.
Det er nødvendig
Grunnleggende kunnskaper om HTML- og CSS-språk
Bruksanvisning
Trinn 1
Bestem sideelementet du skal stryke inn fra. Hvis for eksempel teksten er plassert inne i taggen … (blokk), vil denne blokken være det overordnede elementet for denne teksten, og innrykk skal telles fra kantene til blokken. Og hvis teksten (eller bildet) ikke er inne i noen blokk (div, li, etc.) eller innebygde (span, p, etc.) elementer, vil dens overordnede være dokumentet (body tag). Å definere et overordnet element for teksten er nødvendig fordi det er han som trenger å sette beskrivelsene av stilene som danner innrykkene. La oss anta at teksten din er plassert i en div-blokk: Eksempeltekst
Steg 2
Bruk CSS-språkmarginegenskapen til å angi marginer, det vil si avstanden fra grensene til et element til tilstøtende elementer, samt til grensene til det overordnede elementet. Denne avstanden kan stilles inn separat for polstring på hver side: margin-top - på toppen, margin-right - til høyre, margin-bottom - på bunnen, margin-left - til venstre. For eksemplet ovenfor kan denne css-koden se slik ut: div {
margin-top: 10px;
margin-høyre: 15px;
margin-bunn: 40px;
margin til venstre: 70 px;
} Her er "div" en velger som spesifiserer at denne stilen skal brukes på alle divs i dokumentkoden. CSS-syntaksen lar deg kombinere alle fire linjene til en: div {
margin: 10px 15px 40px 70px;
} Verdiene til innrykkene må alltid spesifiseres i denne rekkefølgen: først - øverst, deretter - til høyre, bunn og venstre. Hvis innrykkene er like på alle sider, er det nok å spesifisere verdien en gang: div {
margin: 70 px;
} I tillegg kan du angi en flytende horisontal margin (det vil si venstre og høyre). Dette kan være veldig nyttig når du trenger å sette en blokk med en gitt bredde nøyaktig i midten av nettleservinduet. Nettleseren selv bestemmer automatisk hvor mye innrykk som skal være på begge sider, hvis du skriver følgende CSS-setning: div {
margin: 0 auto;
}
Trinn 3
Bruk polstringsegenskapen til å angi polstring, som er avstanden fra grensen til et element til alle elementene som er plassert i den, inkludert tekst. Syntaksen for denne egenskapen er nøyaktig den samme som for marginegenskapen: div {
polstring-topp: 10px;
polstring-høyre: 15px;
polstring-bunn: 40px;
polstring til venstre: 70 px;
} Eller div {
polstring: 10px 15px 40px 70px;
}
Trinn 4
Bruk egenskapen tekstinnrykk til å angi tilleggsinnrykk for første linje i hvert avsnitt av teksten. For eksempel: div {
tekstinnrykk: 80 px;
}
Trinn 5
Bruk hspace- og vspace-attributtene til HTML img-koden for å stille henholdsvis den horisontale og vertikale fordypningen fra bildet til de ytre elementene. For eksempel slik:
Trinn 6
Bruk cellefyllingsattributtet til tabellstaggen hvis du trenger å sette innrykket fra cellene i tabellen til innholdet. Og cellspacing-attributtet angir avstanden mellom tabellceller. For eksempel:
| 1 | 2 |
