Globale linker
CSS
- Intro
- Dokumenttre
- Syntax
- Sette inn
- Font
- Text
- Box
- Background
- Classification
- Posisjonering
- CSS-hacks
- Quick guide
- Gode råd
Tekstdefinisjoner
CSS-standarden inneholder følgende egenskaper for å bestemme bl.a. avstand og tekstjustering:
- letter-spacing
- word-spacing
- vertical-align
- text-align
- text-indent
- line-height
- text-transform
- text-decoration
letter-spacing/word-spacing
Du kan bruke letter-spacing til å øke eller minske avstand mellom bokstavene og word-spacing til å øke eller minske avstand mellom ord. Du kan angi en positiv verdi som gir økt avstand, og du kan gi en negativ verdi som minsker avstanden.
p {letter-spacing: .25em} eller p {letter-spacing:-.5pt}
Verdien kan angis i ex, em, pt, pc, px, mm, cm, in, % og normal
vertical-align
Du kan bruke vertical-align til å lage superscript (hevet skrift (som 2'ern i E=mc2)) eller subscript (senket skrift (som 2'ern i H2O))
p {vertical-align:super} eller p {vertical-align:-.5pt}
Verdien kan angis som: baseline, sub, super, top, middle, bottom, text-top, text-bottom, normal, ex, em, pt, px, pc, mm, cm, in, %.
text-align
Du kan bruke text-align til å kontrollere den horisontale justeringen på et element.
p {text-align:right}
Verdien kan angis som: left, right, center, justify.
text-indent
Text-indent brukes til å rykke inn den første linjen i et avsnitt.
p {text-indent:3em}
Verdier som kan brukes er: ex, em, px, cm, mm, pc, in, pt eller %. Verdien kan være positiv (innrykk) eller negativ (utrykk).
line-height
Line-height brukes til å angi linjeavstanden mellom linjene.
p {line-height:120%}
Verdier som kan brukes er: ex, em, px, cm, mm, pc, in, pt, % eller normal
text-transform
Text-transform brukes til å bestemme hvor de store bokstavene skal være og om de skal være der. Verdier som kan brukes er:
- p {text-transform:capitalize} Første Bokstav I Hvert Ord Blir Stor.
- p {text-transform:uppercase} BARE STORE BOKSTAVER
- p {text-transform:lowercase} bare små bokstaver
- p {text-transform:none} Ingen forandring PÅ store og SMå bokstaVer.
text-decoration
Text-decoration brukes til understrekning, gjennomstrekning, osv.... av ord. Brukes også til å fjerne understrekning, bl.a. på linker. Kan ha følgende verdier:
- p {text-decoration: underline} Strek under teksten
- p {text-decoration: overline} Strek over teksten
- p {text-decoration: line-through} Strek gjennom teksten
- p {text-decoration: none} Ingen strek
Text-decoration: none brukes til å fjerne understrekning fra linker.
Gå til neste side hvor vi ser på box egenskaper.
