Stil obiect
Obiectul Stil reprezintă o declarație de stil individual.
Accesați un obiect Style
Obiectul Style poate fi accesată din secțiunea head a documentului, sau de HTML specific element(s) .
Accesarea stilului object(s) din secțiunea head a documentului:
Accesarea obiect stilul unui element specificat de:
Crearea unui obiect Stil
Puteți crea un <style> elementul utilizând document. createElement() document. createElement() Metoda:
Puteți seta, de asemenea, proprietățile de stil ale unui element existent:
Proprietăți Stil obiect
"CSS" coloana indică , în care versiunea CSS proprietatea este definită (CSS1, CSS2, or CSS3) .
| Proprietate | Descriere | CSS |
|---|---|---|
| alignContent | Setează sau returnează alinierea între liniile din interiorul unui container flexibil, în cazul în care elementele nu folosesc tot spațiul disponibil | 3 |
| alignItems | Setează sau returnează alinierea pentru elementele din interiorul unui container flexibil | 3 |
| alignSelf | Setează sau returnează alinierea pentru elementele selectate în interiorul unui container flexibil | 3 |
| animation | O proprietate prescurtare pentru toate proprietățile de animație de mai jos, cu excepția proprietății animationPlayState | 3 |
| animationDelay | Setează sau se întoarce atunci când animația va începe | 3 |
| animationDirection | Setează sau se întoarce sau nu animația ar trebui să joace în sens invers pe cicluri alternative | 3 |
| animationDuration | Setează sau se întoarce cât de multe secunde sau milisecunde o animație ia pentru a finaliza un ciclu | 3 |
| animationFillMode | Setează sau returnează ce valori sunt aplicate de animație în afara timpului este de executare | 3 |
| animationIterationCount | Setează sau returnează numărul de ori o animație ar trebui să fie jucate | 3 |
| animationName | Setează sau returnează un nume pentru animație @keyframes | 3 |
| animationTimingFunction | Setează sau returnează curba viteza animației | 3 |
| animationPlayState | Setează sau se întoarce dacă animația se execută sau întrerupte | 3 |
| background | Setează sau returnează toate proprietățile de fond într-o singură declarație | 1 |
| backgroundAttachment | Setează sau returnează dacă un fundal imagine este fixă sau suluri cu pagina | 1 |
| backgroundColor | Setează sau returnează culoarea de fundal a unui element | 1 |
| backgroundImage | Setează sau returnează fundal imagine pentru un element | 1 |
| backgroundPosition | Setează sau returnează poziția de pornire a unei imagini de fundal | 1 |
| backgroundRepeat | Setează sau se întoarce cum se repeta (tile) un fundal imagine | 1 |
| backgroundClip | Setează sau returnează zona pictura de fundal | 3 |
| backgroundOrigin | Setează sau returnează zona de poziționare a imaginilor de fundal | 3 |
| backgroundSize | Setează sau returnează dimensiunea imaginii de fundal | 3 |
| backfaceVisibility | Setează sau se întoarce dacă este sau nu un element trebuie să fie vizibilă atunci când nu se confruntă ecranul | 3 |
| border | Setează sau returnează borderwidth, borderStyle și borderColor într-o singură declarație | 1 |
| borderBottom | Setează sau returnează proprietățile toate borderBottom * într-o singură declarație | 1 |
| borderBottomColor | Setează sau returnează culoarea frontierei de jos | 1 |
| borderBottomLeftRadius | Setează sau returnează forma marginea colțul din stânga-jos | 3 |
| borderBottomRightRadius | Setează sau returnează forma marginii colțul din dreapta jos | 3 |
| borderBottomStyle | Setează sau returnează stilul de frontiera de jos | 1 |
| borderBottomWidth | Setează sau returnează lățimea marginii de jos | 1 |
| borderCollapse | Setează sau dacă se întoarce frontiera de masă ar trebui sa prăbușit într-o singură frontieră, sau nu | 2 |
| borderColor | Setează sau returnează culoarea frontierei unui element (poate avea până la patru valori) | 1 |
| borderImage | O proprietate prescurtare pentru stabilirea sau returnarea toate proprietățile borderImage * | 3 |
| borderImageOutset | Setează sau returnează suma cu care zona de frontieră a imaginii se extinde dincolo de caseta de frontieră | 3 |
| borderImageRepeat | Setează sau se întoarce dacă imaginea transfrontalieră ar trebui să fie repetate, rotunjite sau alungite | 3 |
| borderImageSlice | Setează sau returnează decalajele interioare ale imaginii transfrontaliere | 3 |
| borderImageSource | Setează sau returnează imaginea care urmează să fie folosit ca un chenar | 3 |
| borderImageWidth | Setează sau returnează lățimilor imagine frontiera | 3 |
| borderLeft | Setează sau returnează proprietățile toate borderLeft * într-o singură declarație | 1 |
| borderLeftColor | Setează sau returnează culoarea graniței stânga | 1 |
| borderLeftStyle | Setează sau returnează stilul de frontiera din stânga | 1 |
| borderLeftWidth | Setează sau returnează lățimea marginii din stânga | 1 |
| borderRadius | O proprietate prescurtare pentru stabilirea sau returnarea toate cele patru proprietăți de frontieră * Radius | 3 |
| borderRight | Setează sau returnează proprietățile toate borderRight * într-o singură declarație | 1 |
| borderRightColor | Setează sau returnează culoarea marginea dreaptă | 1 |
| borderRightStyle | Setează sau returnează stilul de marginea dreaptă | 1 |
| borderRightWidth | Setează sau returnează lățimea marginii din dreapta | 1 |
| borderSpacing | Setează sau returnează spațiul dintre celule într-un tabel | 2 |
| borderStyle | Setează sau returnează stilul de frontieră unui element (poate avea până la patru valori) | 1 |
| borderTop | Setează sau returnează proprietățile toate borderTop * într-o singură declarație | 1 |
| borderTopColor | Setează sau returnează culoarea marginea de sus | 1 |
| borderTopLeftRadius | Setează sau returnează forma marginii colțul din stânga sus | 3 |
| borderTopRightRadius | Setează sau returnează forma marginii colțul din dreapta sus | 3 |
| borderTopStyle | Setează sau returnează stilul de marginea de sus | 1 |
| borderTopWidth | Setează sau returnează lățimea marginea de sus | 1 |
| borderWidth | Setează sau returnează lățimea frontierei unui element (poate avea până la patru valori) | 1 |
| bottom | Setează sau returnează poziția inferioară a unui element poziționat | 2 |
| boxDecorationBreak | Setează sau se întoarce comportamentul fundal și marginea unui element de la pagina-break, sau, pentru elemente în linie, la linia-break. | 3 |
| boxShadow | Atașează una sau mai multe abandonuri umbre la caseta | 3 |
| boxSizing | Vă permite să definiți anumite elemente pentru a se potrivi unei zone într-un anumit fel | 3 |
| captionSide | Setează sau returnează poziția legendei de masă | 2 |
| clear | Setează sau returnează poziția elementului în raport cu obiectele plutitoare | 1 |
| clip | Setează sau returnează care o parte a unui element poziționat este vizibil | 2 |
| color | Setează sau returnează culoarea textului | 1 |
| columnCount | Setează sau returnează numărul de coloane element ar trebui să fie împărțită în | 3 |
| columnFill | Setează sau se întoarce modul de completare coloane | 3 |
| columnGap | Setează sau returnează diferența dintre coloanele | 3 |
| columnRule | O proprietate prescurtare pentru stabilirea sau returnarea toate proprietățile columnRule * | 3 |
| columnRuleColor | Setează sau returnează culoarea regulii între coloane | 3 |
| columnRuleStyle | Setează sau returnează stilul regulii între coloane | 3 |
| columnRuleWidth | Setează sau returnează lățimea regulii între coloane | 3 |
| columns | O proprietate prescurtare pentru stabilirea sau returnarea columnWidth și columnCount | 3 |
| columnSpan | Setează sau returnează câte un element de coloane ar trebui să se întind peste | 3 |
| columnWidth | Setează sau returnează lățimea coloanelor | 3 |
| content | Folosit cu: înainte și: după pseudo-elementele, pentru a insera conținutul generat | 2 |
| counterIncrement | Incrementele unul sau mai multe contoare | 2 |
| counterReset | Creează sau resetează unul sau mai multe contoare | 2 |
| cursor | Setează sau returnează tipul de cursor pentru a afișa pentru cursorul mouse-ului | 2 |
| direction | Setează sau returnează direcția textului | 2 |
| display | Setează sau returnează tipul de afișare unui element | 1 |
| emptyCells | Setează sau se întoarce pentru a arăta dacă frontiera și fundalul celulelor goale, sau nu | 2 |
| filter | Setează sau returnează filtre de imagine (visual effects, like blur and saturation) | 3 |
| flex | Setează sau returnează lungimea elementului, în raport cu restul | 3 |
| flexBasis | Setează sau returnează lungimea inițială a unui element flexibil | 3 |
| flexDirection | Setează sau returnează direcția elementelor flexibile | 3 |
| flexFlow | O proprietate prescurtare pentru flexDirection și proprietățile flexWrap | 3 |
| flexGrow | Setează sau cât de mult se întoarce elementul va crește în raport cu restul | 3 |
| flexShrink | Setează sau returnează modul în care elementul se va micșora în raport cu restul | 3 |
| flexWrap | Setează sau returnează dacă elementele flexibile trebuie să învelesc sau nu | 3 |
| cssFloat | Setează sau returnează alinierea orizontală a unui element | 1 |
| font | Setează sau returnează fontStyle, fontVariant, fontWeight, FONTSIZE, lineheight și fontFamily într-o singură declarație | 1 |
| fontFamily | Setează sau returnează familia de fonturi pentru text | 1 |
| fontSize | Setează sau returnează dimensiunea fontului textului | 1 |
| fontStyle | Setează sau se întoarce dacă stilul fontului este normal, italic sau oblice | 1 |
| fontVariant | Setează sau returnează dacă fontul trebuie să fie afișată în litere majuscule mici | 1 |
| fontWeight | Setează sau returnează cutezanța fontului | 1 |
| fontSizeAdjust | Mentine lizibilitatea textului atunci când are loc font de rezervă | 3 |
| fontStretch | Selectează un condensat, sau a feței normală, extins de la o familie de fonturi | 3 |
| hangingPunctuation | Specifică dacă un caracter de punctuație poate fi plasat în afara cutiei liniei | 3 |
| height | Setează sau returnează înălțimea unui element | 1 |
| hyphens | Setează modul în care să împartă cuvinte pentru a îmbunătăți aspectul paragrafelor | 3 |
| icon | Oferă posibilitatea autorului de a coafa un element cu un echivalent iconic | 3 |
| imageOrientation | Specifică o rotație în direcția corectă sau acelor de ceasornic ca un agent utilizator se aplică o imagine | 3 |
| justifyContent | Setează sau returnează alinierea între elementele din interiorul unui container flexibil, în cazul în care elementele nu folosesc tot spațiul disponibil. | 3 |
| left | Setează sau returnează poziția din stânga a unui element poziționat | 2 |
| letterSpacing | Setează sau returnează spațiul dintre caractere într-un text | 1 |
| lineHeight | Setează sau returnează distanța dintre liniile într-un text | 1 |
| listStyle | Setează sau returnează listStyleImage, listStylePosition și listStyleType într-o singură declarație | 1 |
| listStyleImage | Setează sau returnează o imagine ca marcator listă de element | 1 |
| listStylePosition | Setează sau returnează poziția markerului lista item | 1 |
| listStyleType | Setează sau returnează lista de element de tip marcator | 1 |
| margin | Setează sau returnează marginile unui element (can have up to four values) | 1 |
| marginBottom | Setează sau returnează marginea inferioară a unui element | 1 |
| marginLeft | Setează sau returnează marginea din stânga a unui element | 1 |
| marginRight | Setează sau returnează marginea din dreapta a unui element | 1 |
| marginTop | Setează sau returnează marginea de sus a unui element | 1 |
| maxHeight | Setează sau returnează înălțimea maximă a unui element | 2 |
| maxWidth | Setează sau returnează lățimea maximă a unui element | 2 |
| minHeight | Setează sau returnează înălțimea minimă a unui element | 2 |
| minWidth | Setează sau returnează lățimea minimă a unui element | 2 |
| navDown | Setează sau în cazul în care se întoarce pentru a naviga atunci când se utilizează tasta de navigare săgeată în jos | 3 |
| navIndex | Setează sau returnează comanda pentru un element de tab | 3 |
| navLeft | Setează sau în cazul în care se întoarce pentru a naviga atunci când se utilizează tasta de navigare din stânga-săgeată | 3 |
| navRight | Setează sau în cazul în care se întoarce pentru a naviga atunci când se utilizează tasta de navigare săgeată dreapta | 3 |
| navUp | Setează sau în cazul în care se întoarce pentru a naviga atunci când se utilizează tasta de navigare săgeată în sus | 3 |
| opacity | Setează sau returnează nivelul de opacitate pentru un element | 3 |
| order | Setează sau returnează comanda elementului flexibil, în raport cu restul | 3 |
| orphans | Setează sau returnează numărul minim de linii pentru un element care trebuie să fie lăsat în partea de jos a unei pagini atunci când se produce o întrerupere de pagină în interiorul unui element | 2 |
| outline | Setează sau returnează toate proprietățile contur într-o singură declarație | 2 |
| outlineColor | Setează sau returnează culoarea conturului în jurul unui element de | 2 |
| outlineOffset | Decalează o schiță, și atrage-l dincolo de marginea de frontieră | 3 |
| outlineStyle | Setează sau returnează stilul de contur în jurul unui element | 2 |
| outlineWidth | Setează sau returnează lățimea conturului în jurul unui element | 2 |
| overflow | Setează sau se întoarce ce să facă cu un conținut care face în afara cutiei elementului | 2 |
| overflowX | Specifică ce să facă cu stânga marginile / dreapta ale conținutului, în cazul în care deversează zona de conținut elementului | 3 |
| overflowY | Specifică ce să facă cu marginile de sus / jos ale conținutului, în cazul în care deversează zona de conținut elementului | 3 |
| padding | Setează sau returnează capitonarea unui element (can have up to four values) | 1 |
| paddingBottom | Setează sau returnează capitonarea inferioară a unui element | 1 |
| paddingLeft | Setează sau returnează capitonarea stângă a unui element | 1 |
| paddingRight | Setează sau returnează capitonarea drept al unui element | 1 |
| paddingTop | Setează sau returnează capitonarea de sus a unui element | 1 |
| pageBreakAfter | Setează sau returnează comportamentul pagina-break după un element | 2 |
| pageBreakBefore | Setează sau returnează comportamentul pagina-break în fața unui element | 2 |
| pageBreakInside | Setează sau returnează comportamentul pagina-break în interiorul unui element | 2 |
| perspective | Setează sau returnează perspectiva asupra modului elementelor 3D sunt vizualizate | 3 |
| perspectiveOrigin | Setează sau returnează poziția de jos a elementelor 3D | 3 |
| position | Setează sau returnează tipul metodei de poziționare utilizate pentru un element (static, relative, absolute or fixed) | 2 |
| quotes | Setează sau returnează tipul de ghilimele pentru citate încorporate | 2 |
| resize | Setează sau se întoarce dacă este sau nu un element este redimensionat de către utilizator | 3 |
| right | Setează sau returnează poziția corectă a unui element poziționat | 2 |
| tableLayout | Setează sau returnează modul de a expune celule de masă, rânduri și coloane | 2 |
| tabSize | Setează sau returnează lungimea tab-caracterul | 3 |
| textAlign | Setează sau returnează alinierea orizontală a textului | 1 |
| textAlignLast | Setează sau returnează modul în care ultima linie a unui bloc sau a unui drept linie înainte de o linie de pauza fortata este aliniat atunci când text-align este "justify" | 3 |
| textDecoration | Setează sau returnează decorarea unui text | 1 |
| textDecorationColor | Setează sau returnează culoarea textului Decorarea | 3 |
| textDecorationLine | Setează sau returnează tipul de linie într-un text-decoration | 3 |
| textDecorationStyle | Setează sau returnează stilul liniei într-un decor de text | 3 |
| textIndent | Setează sau returnează indentarea primei linii de text | 1 |
| textJustify | Setează sau returnează metoda utilizată atunci când o justificare text-align este "justify" | 3 |
| textOverflow | Setează sau se întoarce ce ar trebui să se întâmple atunci când textul deversează elementul care conține | 3 |
| textShadow | Setează sau returnează efectul de umbră al unui text | 3 |
| textTransform | Setează sau returnează capitalizarea unui text | 1 |
| top | Setează sau returnează poziția superioară a unui element poziționat | 2 |
| transform | Se aplică o transformare 2D sau 3D la un element | 3 |
| transformOrigin | Setează sau returnează poziția elementelor transformate | 3 |
| transformStyle | Setează sau returnează modul în care elementele imbricate sunt redate în spațiu 3D | 3 |
| transition | O proprietate prescurtare pentru stabilirea sau returnarea celor patru proprietăți de tranziție | 3 |
| transitionProperty | Setează sau returnează proprietatea CSS că efectul de tranziție este | 3 |
| transitionDuration | Setează sau returnează câte secunde sau milisecunde nevoie de un efect de tranziție pentru a finaliza | 3 |
| transitionTimingFunction | Setează sau returnează curba de viteză a efectului de tranziție | 3 |
| transitionDelay | Setează sau se întoarce atunci când efectul de tranziție va începe | 3 |
| unicodeBidi | Setează sau returnează dacă textul ar trebui să fie ignorate pentru a sprijini mai multe limbi în același document | 2 |
| verticalAlign | Setează sau returnează alinierea verticală a conținutului într-un element | 1 |
| visibility | Setează sau returnează dacă un element trebuie să fie vizibil | 2 |
| whiteSpace | Setează sau se întoarce cum să se ocupe de file, pauze de linie și spațiu într-un text | 1 |
| width | Setează sau returnează lățimea unui element | 1 |
| wordBreak | Setează sau se întoarce linia de rupere reguli pentru script-uri non-CJK | 3 |
| wordSpacing | Setează sau returnează distanța dintre cuvinte într-un text | 1 |
| wordWrap | Permite cuvinte lungi, incasabile să fie rupte și înfășurați la linia următoare | 3 |
| widows | Setează sau returnează numărul minim de linii pentru un element care trebuie să fie vizibilă în partea de sus a unei pagini | 2 |
| zIndex | Setează sau returnează ordinea stiva unui element poziționat | 2 |
Pagini similare
Tutorial HTML: HTML CSS
Tutorial CSS: CSS Tutorial
Referință HTML: HTML <style> tag
Referință CSS: Proprietăți CSS