HTML DOM Style Object

Style objekt

Style objekt repræsenterer en separat stildeklaration.

Style objekt egenskab

Egenskab Beskrivelse
alignContent Indstil eller returner justeringen af rækkerne i en elastisk beholder, når elementerne ikke bruger al tilgængelig plads.
alignItems Indstil eller returner justeringen af elementer i en elastisk beholder.
alignSelf Indstil eller returner justeringen af valgte elementer i en elastisk beholder.
animation Kortformet egenskab for alle animationsegenskaber, med undtagelse af animationPlayState.
animationDelay Indstil eller returner hvornår animationen skal starte.
animationDirection Indstil eller returner om animationen skal afspilles i omvendt rækkefølge i en alternativ cyklus.
animationDuration Indstil eller returner antallet af sekunder eller millisekunder, det tager for animationen at fuldføre en cyklus.
animationFillMode Indstil eller returner værdien, der anvendes uden for animationens varighed.
animationIterationCount Indstil eller returner antallet af gange animationen skal afspilles.
animationName Indstil eller returner navnet på @keyframes-animationen.
animationPlayState Indstil eller returner om animationen kører eller er暂停.
animationTimingFunction Indstil eller returner animationens hastighedskurve.
background Indstil eller returner alle baggrundsegenskaber i én sætning.
backgroundAttachment Indstil eller returner om baggrundsbilledet er fast eller ruller med siden.
backgroundClip Indstil eller returner baggrundens tegneområde.
backgroundColor Indstil eller returner elementets baggrundsfarve.
backgroundImage Indstil eller returner elementets baggrundsbillede.
backgroundOrigin Indstil eller returner baggrundsbilledets placeringsområde.
backgroundPosition Indstil eller returner baggrundsbilledets startposition.
backgroundRepeat Indstil eller returner, hvordan baggrundsbilledet gentages (fliseres).
backgroundSize Indstil eller returner størrelsen på baggrundsbilledet.
backfaceVisibility Indstil eller returner, om elementet er synligt, når det ikke vender mod skærmen.
border Indstil eller returner, om kantlinjebredde, kantlinjestil og kantlinjefarve skal indstilles i én deklaration.
borderBottom Indstil eller returner alle borderBottom-egenskaber i én deklaration.
borderBottomColor Indstil eller returner farven på bundkantlinjen.
borderBottomLeftRadius Indstil eller returner formen på bundhjørne kantlinjen.
borderBottomRightRadius Indstil eller returner formen på bundhjørne kantlinjen.
borderBottomStyle Indstil eller returner stilen på bundkantlinjen.
borderBottomWidth Indstil eller returner bredden på bundkantlinjen.
borderCollapse Indstil eller returner, om tabelkantlinjen skal falde sammen til en enkelt kantlinje.
borderColor Indstil eller returner elementets kantlinjefarve (op til fire værdier kan indstilles).
borderImage Kortform for at indstille eller returnere alle borderImage-egenskaber.
borderImageOutset Indstil eller returner mængden af kantlinjebilledets område, der går ud over kantlinjekassen.
borderImageRepeat Indstil eller returner, om billedkantlinjen skal gentages, omsløjres eller strækkes.
borderImageSlice Indstil eller returner indersiden af billedkantlinjen.
borderImageSource Indstil eller returner billedet, der bruges som kantlinje.
borderImageWidth Indstil eller returner bredden på billedkantlinjen.
borderLeft Indstil eller returner alle borderLeft-egenskaber i én deklaration.
borderLeftColor Indstil eller returner farven på venstre kantlinje.
borderLeftStyle Indstil eller returner stilen på venstre kantlinje.
borderLeftWidth Indstil eller returner bredden på venstre kantlinje.
borderRadius Kortform for at indstille eller returnere alle fire borderRadius-egenskaber.
borderRight Indstil eller returner alle borderRight-egenskaber i én deklaration.
borderRightColor Indstil eller returner farven på højre kantlinje.
borderRightStyle Indstil eller returner stilen af højre kant.
borderRightWidth Indstil eller returner bredden af højre kant.
borderSpacing Indstil eller returner mellemrummet mellem cellerne i tabellen.
borderStyle Indstil eller returner stilen af elementets kant (op til fire værdier kan indstilles).
borderTop Indstil eller returner alle borderTop-attributter i én deklaration.
borderTopColor Indstil eller returner farven af toppanden.
borderTopLeftRadius Indstil eller returner formen af venstre øverste kant af kantene.
borderTopRightRadius Indstil eller returner formen af højre øverste kant af kantene.
borderTopStyle Indstil eller returner stilen af toppanden.
borderTopWidth Indstil eller returner bredden af toppanden.
borderWidth Indstil eller returner bredden af elementets kant (op til fire værdier kan indstilles).
bottom Indstil eller returner bundens placering af positioneringselementet.
boxDecorationBreak Indstil eller returner adfærd for baggrund og kant af elementet ved side om side og for inline-elementer ved linjeskift.
boxShadow Føj en eller flere skygger til boksen (box).
boxSizing Tillader dig at definere, hvordan nogle elementer skal tilpasses et område på en bestemt måde.
captionSide Indstil eller returner placeringen af tabeloverskriften.
caretColor Indstil eller returner farven på indsættelsessymbolet/kursoren.
clear Indstil eller returner elementets placering relativt til flydende objekter.
clip Indstil eller returner, hvilken del af positioneringselementet der er synlig.
color Indstil eller returner tekstens farve.
columnCount Indstil eller returner antallet af kolonner, som elementet skal opdeles i.
columnFill Indstil eller returner, hvordan kolonnerne skal fyldes.
columnGap Indstil eller returner mellemrummet mellem kolonnerne.
columnRule Kortform for at indstille eller returnere alle columnRule-attributter.
columnRuleColor Indstil eller returner farven af reglen mellem kolonnerne.
columnRuleStyle Indstil eller returner stilen af reglen mellem kolonnerne.
columnRuleWidth Indstil eller returner bredden af reglen mellem kolonnerne.
columns Kortform for at indstille eller returnere columnWidth og columnCount.
columnSpan Indstil eller returner, hvor mange kolonner elementet skal krydse.
columnWidth Indstil eller returner kolonnens bredde.
content Brug sammen med :before og :after-pseudo-elementer til at indsætte genereret indhold.
counterIncrement Øg en eller flere tællere.
counterReset Opret eller nulstil en eller flere tællere.
cursor Indstil eller returner den type cursor, der skal vises ved museoverførsel.
direction Indstil eller returner tekstretningen.
display Indstil eller returner visningstypen for elementet.
emptyCells Indstil eller returner, om kanter og baggrund for tomme celler skal vises.
filter Indstil eller returner billedfiltre (visuelle effekter som sløring og mætning).
flex Indstil eller returner længden for et element i forhold til resten.
flexBasis Indstil eller returner den initiale længde for fleksible elementer.
flexDirection Indstil eller returner retningen for fleksible elementer.
flexFlow Kortform for flexDirection og flexWrap-egenskaber.
flexGrow Indstil eller returner, hvor meget et element skal vokse i forhold til andre elementer.
flexShrink Indstil eller returner, hvordan et element skal kontrahere i forhold til andre elementer.
flexWrap Indstil eller returner, om fleksible elementer skal brydes over linjer.
cssFloat Indstil eller returner elementets vandrette justering.
font Indstil eller returner skrifttypeegenskaber i en enkelt deklaration.
fontFamily Indstil eller returner teksts skrifttypefamilie.
fontSize Indstil eller returner teksts skriftstørrelse.
fontStyle Indstil eller returner, om skrifttypen skal være normal, kursiv eller skrå.
fontVariant Indstil eller returner, om skriften skal vises som små kapitaller.
fontWeight Indstil eller returner skrifttykkelsen.
fontSizeAdjust Bevar læsbarheden af teksten under font tilbagefald.
fontStretch Vælg en deformationstil fra skrifttypen.
hangingPunctuation Bestem, om interpunktioner kan placeres uden for linjeboksen.
height Indstil eller returner elementets højde.
hyphens Indstil, hvordan ord skal deles for at forbedre afsnittets layout.
icon Lad forfatteren bruge symboliske ekvivalenter til at indstille elementets stil.
imageOrientation Bestem retningen for brugeragentens rotation af billedet til højre eller med uret.
isolation Definer, om et element skal oprette nyt indhold for at skabe en ny stapling.
justifyContent Indstil eller returner jævning af elementer inden for en fleksibel beholder, når ikke alle tilgængelige rum bruges.
left Indstil eller returner venstre position for定位元素。
letterSpacing Indstil eller returner mellemrummet mellem bogstaverne i teksten.
lineHeight Indstil eller returner afstanden mellem linjer i teksten.
listStyle Indstil eller returner liste stilen i én erklæring.
listStyleImage Indstil eller returner billedet som listeemne markering.
listStylePosition Indstil eller returner positionen for listeemne markeringen.
listStyleType Indstil eller returner typen af listeemne markering.
margin Indstil eller returner elementets marginer (op til fire værdier kan indstilles).
marginBottom Indstil eller returner elementets nederste yderside margin.
marginLeft Indstil eller returner elementets venstre yderside margin.
marginRight Indstil eller returner elementets højre yderside margin.
marginTop Indstil eller returner elementets øverste yderside margin.
maxHeight Indstil eller returner elementets maksimale højde.
maxWidth Indstil eller returner elementets maksimale bredde.
minHeight Indstil eller returner elementets mindste højde.
minWidth Indstil eller returner elementets mindste bredde.
navDown Indstil eller returner navigationspositionen ved brug af ned-pil navigationsknappen.
navIndex Indstil eller returner elementets navigationsrækkefølge.
navLeft Indstil eller returner navigationspositionen ved brug af venstre pil navigationsknappen.
navRight Indstil eller returner navigationspositionen ved brug af højre pil navigationsknappen.
navUp Indstil eller returner navigationspositionen ved brug af op-pil navigationsknappen.
objectFit Angiv, hvordan indholdet i det erstatte element skal tilpasses til boksen, der etableres af dens brugte højde og bredde.
objectPosition Angiv, hvordan det erstatte element skal justeres inden for sin boks.
opacity Indstil eller returner elementets gennemskinnelighedsniveau.
order Indstil eller returner rækkefølgen for fleksible elementer i forhold til de øvrige elementer.
orphans Indstil eller returner det mindste antal linjer, der skal forblive på siden, når der sker sidehops inden for elementet.
outline Indstil eller returner alle outline-attributter i én erklæring.
outlineColor Indstil eller returner farven på elementets omrids.
outlineOffset Fjern omridsen og tegn den uden for kantlinjen.
outlineStyle Indstil eller returner stilen på elementets omrids.
outlineWidth Indstil eller returner bredden af elementets omrids.
overflow Indstil eller returner, hvordan indhold uden for elementets ramme vises.
overflowX Angiver, hvordan indholdets venstre/højre kant håndteres, hvis den flyder uden for elementets indholdsområde.
overflowY Specificer, hvordan indholdets øvre/bundne kant skal håndteres, hvis den strømmer over elementets indholdsområde.
padding Indstil eller returner indre kant af elementet (op til fire værdier).
paddingBottom Indstil eller returner nederste indre kant af elementet.
paddingLeft Indstil eller returner venstre indre kant af elementet.
paddingRight Indstil eller returner højre indre kant af elementet.
paddingTop Indstil eller returner øverste indre kant af elementet.
pageBreakAfter Indstil eller returner pagineringseffekten efter elementet.
pageBreakBefore Indstil eller returner pagineringseffekten før elementet.
pageBreakInside Indstil eller returner pagineringseffekten inden for elementet.
perspective Indstil eller returner, hvordan 3D-elementet skal ses.
perspectiveOrigin Indstil eller returner positionen for bunden af 3D-elementet.
position Indstil eller returner typen af positionsmetode for elementet (statisk, relativ, absolut eller fast).
quotes Indstil eller returner typen af citationstegn for indlejrede citationer.
resize Indstil eller returner, om elementet kan justeres i størrelse af brugeren.
right Indstil eller returner højre position for定位元素.
scrollBehavior Definer, om der skal være en glat rulningseffekt, når brugeren klikker på et link i en rullemetode, i stedet for en direkte overgang.
tableLayout Indstil eller returner layoutmetoden for tabelceller, rækker og kolonner.
tabSize Indstil eller returner længden af tabulatorer.
textAlign Indstil eller returner teksts horisontale justering.
textAlignLast Når text-align er "justify", indstil eller returner, hvordan den sidste linje i blokken eller linjen før tvungen linjeskift skal justeres.
textDecoration Indstil eller returner tekstdekorationen.
textDecorationColor Indstil eller returner farven på tekstdekorationen.
textDecorationLine Indstil eller returner linjetypen i tekstdekorationen.
textDecorationStyle Indstil eller returner stilen på linjen i tekstdekorationen.
textIndent Indstil eller returner indrykning af første linje af teksten.
textJustify Indstil eller returner aligneringsmetoden, der bruges, når text-align er "justify".
textOverflow Indstil eller returner, hvad der skal ske, når teksten strømmer over indholdselementet.
textShadow Indstil eller returner skyggeeffekten af teksten.
textTransform Indstil eller returner tekstens størrelsesforhold.
top Indstil eller returner toppositionen for det positionerede element.
transform Anvend 2D- eller 3D-transformering på elementet.
transformOrigin Indstil eller returner positionen for det konverterede element.
transformStyle Indstil eller returner renderingsmetoden for indlejrede elementer i 3D-ruimden.
transition Bruges til at indstille eller returnere en kortfattet egenskab for fire transformationsegenskaber.
transitionProperty Indstil eller returner de CSS-ejenskaber, overgangseffekten påvirker.
transitionDuration Indstil eller returner antallet af sekunder eller millisekunder, overgangseffekten kræver for at fuldføre.
transitionTimingFunction Indstil eller returner hastighedskurven for overgangseffekten.
transitionDelay Indstil eller returner, når overgangseffekten starter.
unicodeBidi Indstil eller returner, om teksten skal dækkes for at understøtte flere sprog i samme dokument.
userSelect Indstil eller returner, om teksten i elementet kan vælges.
verticalAlign Indstil eller returner den vertikale justering af indholdet i elementet.
visibility Indstil eller returner, om elementet er synligt.
whiteSpace Indstil eller returner, hvordan tabulatorer, linjeskift og mellemrum håndteres i teksten.
width Indstil eller returner bredden af elementet.
wordBreak Indstil eller returner linjeskiftsreglerne for ikke-CJK-skrifter.
wordSpacing Indstil eller returner mellemrummet mellem ord i teksten.
wordWrap Tillad lange, uafbrudte ord at brydes og flyttes til næste linje.
widows Indstil eller returner den mindste rækkevisning af elementer, der skal være synlige i toppe af siden.
zIndex Indstil eller returner staksekvensen for positionerede elementer.

Besøg Style-objektet

Man kan besøge Style-objektet fra dokumentets head-sektion eller et specifikt HTML-element.

Eksempel 1

Besøg stilenheden fra dokumentets head-sektion:

var x = document.getElementsByTagName("STYLE");

Prøv det selv

Eksempel 2

Besøg stilenheden for det angivne element:

var x = document.getElementById("myH1").style;

Prøv det selv

Opret Style-objekt

Eksempel 1

Du kan bruge document.createElement() metoden til at oprette <style>-elementer:

var x = document.createElement("STYLE");

Prøv det selv

Eksempel 2

Du kan også indstille stilattributter for eksisterende elementer:

document.getElementById("myH1").style.color = "red";

Prøv det selv

Relaterede sider

HTML Læringsguide:HTML CSS

CSS Læringsguide:CSS Læringsguide

HTML Referencer:HTML <style> Tag

CSS Referencer:CSS Egenskaber