obiekt styl
Przedmiotem Style reprezentuje indywidualny styl oświadczenie.
Dostęp do obiektu Style
Przedmiotem Style można uzyskać z sekcji head dokumentu, lub od konkretnego HTML element(s) .
Dostęp do stylu object(s) z sekcji head dokumentu:
Dostęp do stylu obiektu określonego elementu:
Tworzenie obiektu Style
Można utworzyć <style> elementu za pomocą document. createElement() document. createElement() Sposób:
Można również ustawić właściwości stylu istniejącego elementu:
Właściwości Style obiektowe
"CSS" kolumna wskazuje w którym połączono wersję CSS właściwość określa się (CSS1, CSS2, or CSS3) .
| Nieruchomość | Opis | CSS |
|---|---|---|
| alignContent | Ustawia lub zwraca wyrównanie pomiędzy liniami wewnątrz elastycznego pojemnika, gdy pozycje nie wykorzystać całą dostępną przestrzeń | 3 |
| alignItems | Ustawia lub zwraca wyrównanie dla elementów wewnątrz elastycznego pojemnika | 3 |
| alignSelf | Ustawia lub zwraca wyrównanie dla wybranych elementów wewnątrz elastycznego pojemnika | 3 |
| animation | Skrótowym nieruchomość do wszystkich właściwości animacji poniżej, z wyjątkiem nieruchomości animationPlayState | 3 |
| animationDelay | Ustawia lub zwraca, gdy rozpocznie się animacja | 3 |
| animationDirection | Ustawia lub zwraca, czy animacja powinna odgrywać w odwrocie na naprzemiennych cyklach | 3 |
| animationDuration | Ustawia lub zwraca ile sekund lub milisekund animacja trwa do zakończenia jednego cyklu | 3 |
| animationFillMode | Ustawia lub zwraca, jakie wartości są stosowane przez animacji poza chwili jego wykonującego | 3 |
| animationIterationCount | Ustawia lub zwraca liczbę razy animacja powinna być odtwarzana | 3 |
| animationName | Ustawia lub zwraca nazwę animacji @keyframes | 3 |
| animationTimingFunction | Ustawia lub zwraca krzywą prędkości animacji | 3 |
| animationPlayState | Ustawia lub zwraca, czy animacja jest uruchomiony lub wstrzymany | 3 |
| background | Ustawia lub zwraca wszystkie właściwości tła w jednej deklaracji | 1 |
| backgroundAttachment | Ustawia lub zwraca, czy background-image jest stałe lub zwoje o stronie | 1 |
| backgroundColor | Ustawia lub zwraca background-color elementu | 1 |
| backgroundImage | Ustawia lub zwraca obraz tła dla elementu | 1 |
| backgroundPosition | Ustawia lub zwraca pozycję początkową t-image | 1 |
| backgroundRepeat | Ustawia lub zwraca, jak powtórzyć (tile) na obraz tła | 1 |
| backgroundClip | Ustawia lub zwraca część malowanie tła | 3 |
| backgroundOrigin | Ustawia lub zwraca część pozycjonowania obrazów tła | 3 |
| backgroundSize | Ustawia lub zwraca rozmiar obrazu tła | 3 |
| backfaceVisibility | Zestawy lub powraca czy element powinny być widoczne, kiedy nie od strony ekranu | 3 |
| border | Ustawia lub zwraca borderWidth, BorderStyle i bordercolor w jednej deklaracji | 1 |
| borderBottom | Ustawia lub zwraca wszystkie borderBottom * właściwości w jednej deklaracji | 1 |
| borderBottomColor | Ustawia lub zwraca kolor dolnej granicy | 1 |
| borderBottomLeftRadius | Ustawia lub zwraca kształt granicy lewym dolnym rogu | 3 |
| borderBottomRightRadius | Ustawia lub zwraca kształt granicy prawym dolnym rogu | 3 |
| borderBottomStyle | Ustawia lub zwraca styl dolnej granicy | 1 |
| borderBottomWidth | Ustawia lub zwraca szerokość dolnej granicy | 1 |
| borderCollapse | Ustawia lub zwraca, czy obramowanie tabeli powinny być zwinięte w jedną granicę, czy też nie | 2 |
| borderColor | Ustawia lub zwraca kolor obramowania elementu za (może mieć maksymalnie cztery wartości) | 1 |
| borderImage | Skrótowym nieruchomość do ustawiania lub powrocie wszystkie właściwości borderImage * | 3 |
| borderImageOutset | Ustawia lub zwraca kwotę, o której obszar graniczny obraz rozciąga się poza pole granicznego | 3 |
| borderImageRepeat | Zestawy lub powraca czy obraz granicami powinny być powtarzane, zaokrąglone lub rozciągnięte | 3 |
| borderImageSlice | Ustawia lub zwraca wnętrzności przesunięcia obrazu zagranicznym | 3 |
| borderImageSource | Ustawia lub zwraca obraz do wykorzystania jako granicy | 3 |
| borderImageWidth | Ustawia lub zwraca szerokości obrazu zagranicznym | 3 |
| borderLeft | Ustawia lub zwraca cały borderLeft * właściwości w jednej deklaracji | 1 |
| borderLeftColor | Ustawia lub zwraca kolor lewej granicy | 1 |
| borderLeftStyle | Ustawia lub zwraca stylu lewej krawędzi | 1 |
| borderLeftWidth | Ustawia lub zwraca szerokość lewej granicy | 1 |
| borderRadius | Skrótowym nieruchomość do ustawiania lub zwrotu wszystkich czterech granicznych * właściwości Radius | 3 |
| borderRight | Ustawia lub zwraca wszystkie borderRight * właściwości w jednej deklaracji | 1 |
| borderRightColor | Ustawia lub zwraca kolor prawego obramowania | 1 |
| borderRightStyle | Ustawia lub zwraca stylu prawej krawędzi | 1 |
| borderRightWidth | Ustawia lub zwraca szerokość prawej krawędzi | 1 |
| borderSpacing | Ustawia lub zwraca przestrzeń między komórkami w tabeli | 2 |
| borderStyle | Ustawia lub zwraca styl obramowania elementu za (może mieć maksymalnie cztery wartości) | 1 |
| borderTop | Ustawia lub zwraca wszystkie borderTop * właściwości w jednej deklaracji | 1 |
| borderTopColor | Ustawia lub zwraca kolor górnej granicy | 1 |
| borderTopLeftRadius | Ustawia lub zwraca kształt granicy lewym górnym rogu | 3 |
| borderTopRightRadius | Ustawia lub zwraca kształt granicy prawym górnym rogu | 3 |
| borderTopStyle | Ustawia lub zwraca styl górnej granicy | 1 |
| borderTopWidth | Ustawia lub zwraca szerokość górnej granicy | 1 |
| borderWidth | Ustawia lub zwraca szerokość obramowania elementu za (może mieć maksymalnie cztery wartości) | 1 |
| bottom | Zestawy lub zwraca dolną pozycję umieszczonego elementu | 2 |
| boxDecorationBreak | Ustawia lub zwraca zachowanie tła i obramowania elementu na page-break, lub dla elementów-line, na linii-break. | 3 |
| boxShadow | Łączy jeden lub więcej kropelek cienie do skrzynki | 3 |
| boxSizing | Pozwala zdefiniować pewne elementy, aby dopasować obszar w pewien sposób | 3 |
| captionSide | Ustawia lub zwraca pozycję podpisie tabeli | 2 |
| clear | Ustawia lub zwraca pozycję elementu w stosunku do obiektów pływających | 1 |
| clip | Zestawy lub ech jest widoczna część elementu umieszczonego | 2 |
| color | Ustawia lub zwraca kolor tekstu | 1 |
| columnCount | Ustawia lub zwraca liczbę kolumn element powinien być podzielony na | 3 |
| columnFill | Ustawia lub zwraca Jak wypełnić kolumny | 3 |
| columnGap | Ustawia lub zwraca lukę między kolumnami | 3 |
| columnRule | Skrótowym nieruchomość do ustawiania lub powrocie wszystkie właściwości columnRule * | 3 |
| columnRuleColor | Ustawia lub zwraca kolor reguły między kolumnami | 3 |
| columnRuleStyle | Ustawia lub zwraca styl rządów między kolumnami | 3 |
| columnRuleWidth | Ustawia lub zwraca szerokość reguły między kolumnami | 3 |
| columns | Skrótowym nieruchomość do ustawiania lub powrocie columnWidth i columnCount | 3 |
| columnSpan | Ustawia lub zwraca ile kolumn element powinien span przez | 3 |
| columnWidth | Ustawia lub zwraca szerokość kolumn | 3 |
| content | Używany z: before i: after pseudo-elementów, aby wstawić treść generowaną | 2 |
| counterIncrement | Zwiększa jeden lub więcej liczników | 2 |
| counterReset | Tworzy lub resetuje jeden lub więcej liczników | 2 |
| cursor | Ustawia lub zwraca typ kursora, aby wyświetlić na wskaźniku myszy | 2 |
| direction | Ustawia lub zwraca kierunek tekstu | 2 |
| display | Ustawia lub zwraca typ wyświetlania elementu | 1 |
| emptyCells | Ustawia lub zwraca, czy pokazać obramowanie i tło pustych komórek, czy nie | 2 |
| filter | Ustawia lub zwraca filtry obrazu (visual effects, like blur and saturation) | 3 |
| flex | Ustawia lub zwraca długość elementu, w stosunku do reszty | 3 |
| flexBasis | Ustawia lub zwraca początkową długość elastycznego elementu | 3 |
| flexDirection | Ustawia lub zwraca kierunek elastycznych elementów | 3 |
| flexFlow | Skrótowym nieruchomość za flexDirection i właściwości flexWrap | 3 |
| flexGrow | Ustawia lub zwraca ile pozycja wzrośnie w stosunku do reszty | 3 |
| flexShrink | Ustawia lub zwraca, jak pozycja skurczy się w stosunku do reszty | 3 |
| flexWrap | Ustawia lub zwraca, czy elastyczne elementy powinny papier pakowy lub nie | 3 |
| cssFloat | Zestawy lub zwraca poziome położenie elementu | 1 |
| font | Ustawia lub zwraca fontStyle, fontVariant, fontWeight, fontSize, lineHeight i fontFamily w jednej deklaracji | 1 |
| fontFamily | Ustawia lub zwraca rodzinę czcionek dla tekstu | 1 |
| fontSize | Ustawia lub zwraca rozmiar czcionki tekstu | 1 |
| fontStyle | Ustawia lub zwraca, czy styl czcionki jest normalny, kursywa lub ukośne | 1 |
| fontVariant | Ustawia lub zwraca, czy czcionka powinna być wyświetlana w małych liter | 1 |
| fontWeight | Ustawia lub zwraca śmiałość czcionki | 1 |
| fontSizeAdjust | Zachowuje czytelność tekstu, gdy występuje awaryjna czcionki | 3 |
| fontStretch | Wybiera normalnego skrócone lub rozszerzone twarz z rodziny czcionki | 3 |
| hangingPunctuation | Określa, czy znak interpunkcyjny może być umieszczone poza polem linii | 3 |
| height | Zestawy lub zwraca wysokość elementu | 1 |
| hyphens | Ustawia jak podzielić słowa na celu poprawę wyglądu ust | 3 |
| icon | Zapewnia autorowi możliwość styl element z równoważnikiem kultowego | 3 |
| imageOrientation | Określa obrót w prawo lub w kierunku ruchu wskazówek zegara, że środek użytkownik przykłada do obrazka | 3 |
| justifyContent | Ustawia lub zwraca wyrównanie między elementami wewnątrz elastycznego pojemnika, gdy pozycje nie wykorzystać całą dostępną przestrzeń. | 3 |
| left | Zestawy lub zwraca lewe położenie elementu pozycjonowanego | 2 |
| letterSpacing | Ustawia lub zwraca przestrzeń między znakami w tekście | 1 |
| lineHeight | Ustawia lub zwraca odległość między liniami w tekście | 1 |
| listStyle | Ustawia lub zwraca listStyleImage, listStylePosition i listStyleType w jednej deklaracji | 1 |
| listStyleImage | Ustawia lub zwraca obraz jako marker list-item | 1 |
| listStylePosition | Ustawia lub zwraca pozycję markera list-item | 1 |
| listStyleType | Ustawia lub zwraca list-item typ markera | 1 |
| margin | Zestawy lub zwraca marginesy elementu (can have up to four values) | 1 |
| marginBottom | Ustawia lub zwraca dolnego marginesu elementu | 1 |
| marginLeft | Ustawia lub zwraca lewy margines elementu | 1 |
| marginRight | Ustawia lub zwraca prawego marginesu elementu | 1 |
| marginTop | Ustawia lub zwraca górnego marginesu elementu | 1 |
| maxHeight | Zestawy lub zwraca maksymalną wysokość elementu | 2 |
| maxWidth | Zestawy lub zwraca maksymalną szerokość elementu | 2 |
| minHeight | Zestawy lub zwraca minimalną wysokość elementu | 2 |
| minWidth | Zestawy lub zwraca minimalną szerokość elementu | 2 |
| navDown | Ustawia lub zwraca, w którym poruszać się przy użyciu klawisza nawigacyjnego strzałka w dół | 3 |
| navIndex | Ustawia lub zwraca kolejność przechodzenia do elementu | 3 |
| navLeft | Ustawia lub zwraca, w którym poruszać się przy użyciu klawisza nawigacyjnego strzałki lewej | 3 |
| navRight | Ustawia lub zwraca, w którym poruszać się przy użyciu klawisza nawigacyjnego strzałki w prawym | 3 |
| navUp | Ustawia lub zwraca, w którym poruszać się przy użyciu klawisza nawigacyjnego strzałki w górę | 3 |
| opacity | Zestawy lub przywraca poziom przezroczystość elementu | 3 |
| order | Ustawia lub zwraca kolejność elastycznego elementu, w stosunku do reszty | 3 |
| orphans | Ustawia lub zwraca minimalną liczbę wierszy dla elementu, który musi być pozostawiony na dole strony, gdy wystąpi przerwa strona wewnątrz elementu | 2 |
| outline | Ustawia lub zwraca wszystkie właściwości konturu w jednej deklaracji | 2 |
| outlineColor | Ustawia lub zwraca kolor obramowania wokół elementu | 2 |
| outlineOffset | Wyrównuje kontur i zwraca go poza krawędź granicznym | 3 |
| outlineStyle | Ustawia lub zwraca styl obrysu wokół elementu | 2 |
| outlineWidth | Ustawia lub zwraca szerokość obrysu wokół elementu | 2 |
| overflow | Ustawia lub zwraca, co zrobić z zawartością, która renderuje poza pole elementu | 2 |
| overflowX | Określa, co zrobić z lewej / prawej krawędzi zawartości, jeśli przelewa obszar Zawartość elementu | 3 |
| overflowY | Określa, co zrobić z górnej / dolnej krawędzi zawartości, jeśli przelewa obszar Zawartość elementu | 3 |
| padding | Zestawy lub zwraca obicia elementu (can have up to four values) | 1 |
| paddingBottom | Zestawy lub zwraca dolną obicia elementu | 1 |
| paddingLeft | Ustawia lub zwraca lewy dopełnienie elementu | 1 |
| paddingRight | Ustawia lub zwraca odpowiednią wyściółkę elementu | 1 |
| paddingTop | Ustawia lub zwraca górną wyściółkę elementu | 1 |
| pageBreakAfter | Ustawia lub zwraca zachowanie page-break po elemencie | 2 |
| pageBreakBefore | Ustawia lub zwraca zachowanie page-break przed elementem | 2 |
| pageBreakInside | Ustawia lub zwraca zachowanie page-break wewnątrz elementu | 2 |
| perspective | Ustawia lub zwraca spojrzenie na elementy 3D, jak są postrzegane | 3 |
| perspectiveOrigin | Ustawia lub zwraca dolną pozycję elementów 3D | 3 |
| position | Zestawy lub zwraca typ metody wykorzystywane do pozycjonowania elementu (static, relative, absolute or fixed) | 2 |
| quotes | Ustawia lub zwraca typ cudzysłowie wbudowanych notowań | 2 |
| resize | Ustawia lub zwraca, czy element jest skalowalny przez użytkownika | 3 |
| right | Ustawia lub zwraca odpowiednią pozycję elementu pozycjonowanego | 2 |
| tableLayout | Ustawia lub zwraca sposób, aby rozłożyć komórek tabeli, wierszy i kolumn | 2 |
| tabSize | Ustawia lub zwraca długość języczka charakterem | 3 |
| textAlign | Ustawia lub zwraca poziome wyrównanie tekstu | 1 |
| textAlignLast | Ustawia lub zwraca, jak ostatni wiersz w bloku lub prawa linię przed przymusowej przerwie linii jest wyrównany kiedy text-align jest "justify" | 3 |
| textDecoration | Ustawia lub zwraca dekoracji tekstu | 1 |
| textDecorationColor | Ustawia lub zwraca kolor text-decoration | 3 |
| textDecorationLine | Ustawia lub zwraca typ linii w text-decoration | 3 |
| textDecorationStyle | Ustawia lub zwraca styl linii w dekoracji tekstu | 3 |
| textIndent | Ustawia lub zwraca wcięcia pierwszego wiersza tekstu | 1 |
| textJustify | Ustawia lub zwraca metoda uzasadnienie używany podczas text-align jest "justify" | 3 |
| textOverflow | Ustawia lub zwraca, co powinno się zdarzyć, gdy tekst przelewa element zawierający | 3 |
| textShadow | Zestawy lub przywraca efekt cienia tekstu | 3 |
| textTransform | Ustawia lub zwraca liter tekstu | 1 |
| top | Zestawy lub zwraca górną pozycję umieszczonego elementu | 2 |
| transform | Dotyczy transformacji 2D lub 3D do elementu | 3 |
| transformOrigin | Zestawy lub zwraca położenie elementów transformowanych | 3 |
| transformStyle | Ustawia lub zwraca jak zagnieżdżone elementy są renderowane w przestrzeni 3D | 3 |
| transition | Skrótowym właściwość ustawiania lub odesłanie cztery właściwości przejścia | 3 |
| transitionProperty | Ustawia lub zwraca właściwości CSS, że efekt przejściowy dla | 3 |
| transitionDuration | Ustawia lub zwraca liczbę sekund lub milisekund efekt przejściowy potrzebny do ukończenia | 3 |
| transitionTimingFunction | Zestawy lub zwraca krzywą prędkości efektami | 3 |
| transitionDelay | Zestawy lub powraca gdy efekt przejściowy rozpocznie | 3 |
| unicodeBidi | Ustawia lub zwraca, czy tekst powinien on zostać zmieniony obsługi wielu języków w tym samym dokumencie | 2 |
| verticalAlign | Ustawia lub zwraca pionowe wyrównanie zawartości w elemencie | 1 |
| visibility | Zestawy lub powraca czy element powinien być widoczny | 2 |
| whiteSpace | Ustawia lub zwraca, jak radzić sobie w karty, podziały wiersza i spacje w tekście | 1 |
| width | Zestawy lub zwraca szerokość elementu | 1 |
| wordBreak | Ustawia lub zwraca linia łamania zasady non-skrypty CJK | 3 |
| wordSpacing | Ustawia lub zwraca odstępy między wyrazami w tekście | 1 |
| wordWrap | Umożliwia długie, nietłukące słowa się być uszkodzony i zawinąć do następnego wiersza | 3 |
| widows | Zestawy lub zwraca minimalnej liczby przewodów do elementu, który musi być widoczny na górnej stronie | 2 |
| zIndex | Zestawy lub zwraca kolejności stosu umieszczonego elementu | 2 |
Podobne strony
Poradnik HTML: HTML CSS
Kurs CSS: CSS
Odniesienia HTML: HTML <style> tag
Odniesienie CSS Właściwości CSS