Najnowsze tutoriale tworzenie stron internetowych
×

CSS Odniesienie

CSS Odniesienie CSS selektory CSS Funkcje CSS Odniesienie Aural CSS Safe Web Fonts CSS Animatable CSS jednostki CSS PX-EM Converter CSS Zabarwienie CSS Kolor wartości CSS3 Pomoc Browser

CSS Nieruchomości

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS


Uwaga odniesienia CSS w3ii 'jest regularnie testowany ze wszystkimi popularnymi przeglądarkami.


Właściwości CSS

Grup właściwości CSS


"CSS" kolumna wskazuje w jakiej wersji CSS właściwość jest zdefiniowana (CSS1, CSS2, or CSS3) .

Właściwości kolor

Nieruchomość Opis CSS
color Ustawia kolor tekstu 1
opacity Ustawia poziom krycia dla elementu 3

Właściwości tła i obramowania

Nieruchomość Opis CSS
background Skrót nieruchomości na ustawienie wszystkich właściwości tła w jednej deklaracji 1
background-attachment Określa, czy obraz w tle jest stały czy też przewija się z resztą strony 1
background-blend-mode Określa tryb mieszania każdej warstwie tła (color/image)
background-color Określa kolor tła elementu 1
background-image Określa jeden lub więcej obrazów tła dla elementu 1
background-position Określa położenie obrazu tła 1
background-repeat Ustawia jak obraz tła będzie powtarzany 1
background-clip Określa obszar malowania tła 3
background-origin Określa, gdzie tło image(s) jest / są umieszczone 3
background-size Określa wielkość tła image(s) 3
border Ustawia wszystkie właściwości granicznych w jednej deklaracji 1
border-bottom Ustawia wszystkie właściwości dolne graniczne w jednej deklaracji 1
border-bottom-color Ustawia kolor dolnej granicy
border-bottom-left-radius Określa kształt granicy lewym dolnym rogu 3
border-bottom-right-radius Określa kształt granicy prawym dolnym rogu 3
border-bottom-style Ustawia styl dolnej granicy 1
border-bottom-width Ustawia szerokość dolnej granicy 1
border-color Ustawia kolor czterech granic 1
border-image Skrót nieruchomość ustawiania wszystkich granicy-image- * właściwości 3
border-image-outset Określa ilość, o jaką strefa przygraniczna obraz rozciąga się poza pole granicznego 3
border-image-repeat Określa, czy obraz granicy powinien być powtarzany, zaokrąglone lub rozciągnięty 3
border-image-slice Określa sposób na dzielenie obrazu granic 3
border-image-source Określa ścieżkę do obrazu, które mają być używane jako obramowanie 3
border-image-width Określa szerokość obrazu zagranicznym 3
border-left Ustawia wszystkie pozostawione właściwości granicznych w jednej deklaracji 1
border-left-color Ustawia kolor lewej krawędzi 1
border-left-style Ustawia styl lewej krawędzi 1
border-left-width Ustawia szerokość lewej granicy 1
border-radius Skrót nieruchomość do ustawiania wszystkich czterech granicę - * - właściwości promienia 3
border-right Ustawia wszystkie odpowiednie właściwości granicznych w jednej deklaracji 1
border-right-color Ustawia kolor prawego obramowania 1
border-right-style Ustawia styl prawej krawędzi 1
border-right-width Ustawia szerokość prawej krawędzi 1
border-style Ustawia styl czterech granic 1
border-top Ustawia wszystkie najlepsze właściwości granicznych w jednej deklaracji 1
border-top-color Ustawia kolor górnej granicy 1
border-top-left-radius Określa kształt granicy lewym górnym rogu 3
border-top-right-radius Określa kształt granicy prawym górnym rogu 3
border-top-style Ustawia styl górnej granicy 1
border-top-width Ustawia szerokość górnej granicy 1
border-width Ustawia szerokość czterech granic 1
box-decoration-break Ustawia zachowanie tła i obramowania elementu na page-break, lub, w przypadku elementów w jednej linii, w wierszu-break. 3
box-shadow Dołącza jedną lub więcej drop-cienie do skrzynki 3

Podstawowe właściwości Box

Nieruchomość Opis CSS
bottom Określa dolną pozycję elementu pozycjonowanego 2
clear Określa, które boków elementu, gdy inne elementy pływające nie są dozwolone 1
clip Klipy absolutnie elementu pozycjonowanego 2
display Określa, w jaki sposób powinny być wyświetlane pewien element HTML 1
float Określa, czy okno powinno unosić 1
height Ustawia wysokość elementu 1
left Określa lewą pozycję elementu pozycjonowanego 2
margin Ustawia wszystkie właściwości marginesów w jednej deklaracji 1
margin-bottom Ustawia dolny margines elementu 1
margin-left Ustawia lewy margines elementu 1
margin-right Ustawia prawy margines elementu 1
margin-top Ustawia górny margines elementu 1
max-height Ustawia maksymalną wysokość elementu 2
max-width Ustawia maksymalną szerokość elementu 2
min-height Ustawia minimalną wysokość elementu 2
min-width Ustawia minimalną szerokość elementu 2
overflow
Określa, co się dzieje, jeśli treść przelewa pole danego elementu 2
overflow-x Określa, czy klip lewo / prawo krawędzie treści, jeśli przelewa obszar zawartości tego elementu 3
overflow-y Określa, czy klip górnej / dolnej krawędzi treści, jeśli przelewa obszar zawartości tego elementu 3
padding Ustawia wszystkie właściwości wypełniające w jednej deklaracji 1
padding-bottom Ustawia dolny wyściółkę elementu 1
padding-left Ustawia lewy dopełnienie elementu 1
padding-right Ustawia odpowiednią wyściółkę elementu 1
padding-top Ustawia górną wyściółkę elementu 1
position Określa rodzaj metody pozycjonowania używany dla elementu (statyczny, względna, bezwzględna lub stałe) 2
right Określa właściwą pozycję elementu pozycjonowanego 2
top Określa górną pozycję elementu pozycjonowanego 2
visibility Określa, czy element jest widoczny 2
width Ustawia szerokość elementu 1
vertical-align Określa pionowe wyrównanie elementu 1
z-index Ustawia kolejność stosu pozycjonowanego elementu 2

Flexible Box Layout

Nieruchomość Opis CSS
align-content Określa wyrównanie pomiędzy liniami wewnątrz elastycznego pojemnika, gdy przedmioty nie stosować wszystkie dostępne miejsca 3
align-items Określa wyrównanie dla elementów wewnątrz elastycznego pojemnika 3
align-self Określa wyrównanie dla wybranych elementów wewnątrz elastycznego pojemnika 3
flex Oznacza długość elementu, w stosunku do reszty 3
flex-basis Określa początkową długość elastycznego elementu 3
flex-direction Określa kierunek elastycznych elementów 3
flex-flow Skróconą własnością dla giętkiego kierunku i właściwości Flex-wrap 3
flex-grow Określa ile element wzrośnie w stosunku do reszty 3
flex-shrink Określa, jak element będzie się kurczyć w stosunku do reszty 3
flex-wrap Określa, czy elastyczne elementy powinny zawinąć czy nie 3
justify-content Określa się wzajemne ustawienie elementów wewnątrz elastycznego pojemnika, gdy przedmioty nie stosować wszystkie dostępne miejsca 3
order Wyznacza kolejność elastycznego elementu, w stosunku do reszty 3

Właściwości tekstu

Nieruchomość Opis CSS
hanging-punctuation Określa, czy znak interpunkcyjny może być umieszczone poza polem linii 3
hyphens Ustawia jak podzielić słowa na celu poprawę wyglądu ust 3
letter-spacing Zwiększa lub zmniejsza odstępy między znakami w tekście 1
line-break Określa, jak / jeśli przełamać linie 3
line-height Ustawia wysokość wiersza 1
overflow-wrap Określa, czy przeglądarka może przełamać linie wewnątrz wyrazów w celu uniknięcia przepełnienia (gdy ciąg jest zbyt długa, by zmieścić jego zawierający pole) 3
tab-size Określa długość języczka charakterem 3
text-align Określa poziome wyrównanie tekstu 1
text-align-last Opisuje jak ostatni wiersz w bloku lub prawa linię przed wymuszonej przerwie linii jest wyrównany, gdy text-align jest "justify" 3
text-combine-upright Określa kombinację wielu znaków w przestrzeni pojedynczego znaku 3
text-indent Określa wcięcie pierwszego wiersza tekstu w bloku 1
text-justify Określa metodę uzasadnienie używany podczas text-align jest "justify" 3
text-transform Kontroluje wielkość liter tekstu 1
white-space Określa sposób white-space wewnątrz elementu jest obsługiwany 1
word-break Określa linia łamania zasady non-skrypty CJK 3
word-spacing Zwiększa lub zmniejsza przestrzeń między wyrazami w tekście 1
word-wrap Umożliwia długie, nietłukące słowa zostać uszkodzony i zawinąć do następnego wiersza 3

Właściwości dekoracje Tekst

Nieruchomość Opis CSS
text-decoration Określa dekoracji dodany do tekstu 1
text-decoration-color Określa kolor tekstu dekorowanie 3
text-decoration-line Określa rodzaj linii w text-decoration 3
text-decoration-style Określa styl linii w dekoracji tekstu 3
text-shadow Dodaje cień do tekstu 3
text-underline-position Określa położenie podkreślenia, który jest ustawiony za pomocą właściwości text-decoration 3

Właściwości czcionki

Nieruchomość Opis CSS
@font-face Reguła, która pozwala stron internetowych, aby pobrać i używać czcionek innych niż "web-safe" fontów 3
@font-feature-values Pozwala autorom wykorzystać wspólną nazwę w font-variant-alternate dla funkcji aktywacji inaczej OpenType 3
font Ustawia wszystkie właściwości czcionki w jednej deklaracji 1
font-family Określa rodzinę czcionek dla tekstu 1
font-feature-settings Umożliwia kontrolę nad zaawansowanymi funkcjami w typograficznych czcionek OpenType 3
font-kerning Kontroluje korzystanie z kerningu informacji (how letters are spaced) 3
font-language-override Kontroluje wykorzystanie glifów danego języka w kroju pisma 3
font-size Określa rozmiar czcionki tekstu 1
font-size-adjust Zachowuje czytelności tekstu, gdy występuje awaryjna czcionki 3
font-stretch Wybiera normalne, skondensowane, lub rozszerzony twarz z rodziny fontów 3
font-style Określa styl czcionki dla tekstu 1
font-synthesis Kontrola którym brakuje krojów (bold or italic) może być syntetyzowany przez przeglądarkę 3
font-variant Określa, czy tekst powinien być wyświetlany w czcionce small-caps 1
font-variant-alternates Kontroluje wykorzystanie glifach związanych z alternatywnymi nazwami określonymi w @ font-fabularnych wartościach 3
font-variant-caps Kontroluje wykorzystanie alternatywnych glifów dla literami 3
font-variant-east-asian Kontroluje wykorzystanie glifach Azji Wschodniej skryptów (np japoński i chiński) 3
font-variant-ligatures Kontrole, które ligatury kontekstowe i formy są używane w tekstowej zawartości elementów, jakie stosuje się do 3
font-variant-numeric Kontroluje wykorzystanie alternatywnych glifów dla liczb, ułamki i markerów porządkowych 3
font-variant-position Kontroluje wykorzystanie alternatywnych glifów o mniejszych rozmiarach umieszczonych w indeksie górnym lub dolnym dotyczących bazowej czcionki 3
font-weight Określa wagę czcionki 1

Pisanie Właściwości Tryby

Nieruchomość Opis CSS
direction Określa kierunek / kierunek pisania tekstu 2
text-orientation Określa orientację w jednej linii tekstu 3
text-combine-upright Określa kombinację wielu znaków w przestrzeni pojedynczego znaku 3
unicode-bidi Używany razem z kierunku nieruchomości, aby ustawić lub powrotu, czy tekst powinien być przesłonięta do obsługi wielu języków w tym samym dokumencie 2
writing-mode3

Właściwości tabeli

Nieruchomość Opis CSS
border-collapse Określa, czy obramowanie tabeli powinny być zwinięte 2
border-spacing Określa odległość pomiędzy granicami sąsiednich komórkach 2
caption-side Określa umieszczenie podpisu tabeli 2
empty-cells Określa, czy ma być wyświetlany granic i tła na pustych komórek w tabeli 2
table-layout Ustawia układ algorytmu do zastosowania na stole 2

Listy i Własności Liczniki

Nieruchomość Opis CSS
counter-increment Zwiększa jeden lub więcej liczników 2
counter-reset Tworzy lub resetuje jeden lub więcej liczników 2
list-style Ustawia wszystkie właściwości listy w jednej deklaracji 1
list-style-image Określa obraz jako marker list-item 1
list-style-position Określa, czy znaczniki list-item powinien pojawić się wewnątrz lub na zewnątrz przepływu zawartości 1
list-style-type Określa typ markera list-item 1

Właściwości Animacja

Nieruchomość Opis CSS
@keyframes Określa kod animacji 3
animation Skrót właściwości dla wszystkich właściwości animacji (z wyjątkiem animacji play-państwa i animacji-fill-mode) 3
animation-delay Określa opóźnienie rozpoczęcia animacji 3
animation-direction Określa, czy animacja powinna odgrywać w odwrotnej kolejności na naprzemiennych cyklach 3
animation-duration Określa ile sekund lub milisekund animacja trwa do zakończenia jednego cyklu 3
animation-fill-mode Określa styl dla elementu, gdy animacja nie jest odtwarzana (when it is finished, or when it has a delay) 3
animation-iteration-count Określa, ile razy animacja powinna być odtwarzana 3
animation-name Określa nazwę animacji @keyframes 3
animation-play-state Określa, czy animacja jest uruchomiony lub wstrzymany 3
animation-timing-function Określa krzywą prędkości animacji 3

Transform Properties

Nieruchomość Opis CSS
backface-visibility Określa, czy element powinien być widoczny, gdy nie stoi ekran 3
perspective Określa, w jaki sposób perspektywę 3D elementy są postrzegane 3
perspective-origin Określa dolną pozycję elementów 3D 3
transform Dotyczy transformacji 2D lub 3D do elementu 3
transform-origin Pozwala na zmianę położenia elementów na przekształconych 3
transform-style Określa sposób zagnieżdżone elementy te są świadczone w przestrzeni 3D 3

Właściwości Transitions

Nieruchomość Opis CSS
transition Skrót nieruchomości na ustawienie czterech właściwości przejścia 3
transition-property Określa nazwę właściwości CSS efekt przejścia jest dla 3
transition-duration Określa ile sekund lub milisekund efekt przejściowy trwa do ukończenia 3
transition-timing-function Określa krzywą efektu przejścia prędkości 3
transition-delay Określa, gdy efekt przejściowy rozpocznie 3

Podstawowe właściwości interfejsu użytkownika

Nieruchomość Opis CSS
box-sizing Informuje przeglądarkę, jakie właściwości klejące (width and height) powinna zawierać 3
content Używany z: before i: after pseudoelementów, aby wstawić wygenerowany zawartość 2
cursor Określa typ kursor wyświetlony 2
ime-mode Kontroluje stan edytora metody wprowadzania dla pól tekstowych 3
nav-down Określa, w którym poruszać się przy użyciu klawisza nawigacyjnego strzałka w dół 3
nav-index Określa kolejność przechodzenia przez element 3
nav-left Określa, w którym poruszać się przy użyciu klawisza nawigacyjnego strzałki lewej 3
nav-right Określa, w którym poruszać się przy użyciu klawisza nawigacyjnego strzałki w prawym 3
nav-up Określa, w którym poruszać się przy użyciu klawisza nawigacyjnego strzałki w górę 3
outline Ustawia wszystkie właściwości konturu w jednej deklaracji 2
outline-color Ustawia kolor zarysu 2
outline-offset Wyrównuje kontur i zwraca go poza krawędź granicznym 3
outline-style Ustawia styl konturu 2
outline-width Ustawia szerokość zarysu 2
resize Określa, czy element jest skalowalny przez użytkownika 3
text-overflow Określa, co powinno się zdarzyć, gdy tekst przelewa element zawierający 3

Właściwości układu Multi-column

Nieruchomość Opis CSS
break-after Określa PAGE-, Column- lub zachowania Region-przerwy po wygenerowanym oknie 3
break-before Określa PAGE-, Column- lub zachowania Region-rozłączenie przed wygenerowanym oknie 3
break-inside Określa PAGE-, Column- lub zachowania Region-przerwania generowanego wewnątrz pudełka 3
column-count Określa liczbę kolumn element powinien być podzielony na 3
column-fill Określa, jak wypełnić kolumny 3
column-gap Określa odstęp między kolumnami 3
column-rule Skrót nieruchomości na ustawienie wszystkich kolumn-sprawowania rządów, * właściwości 3
column-rule-color Określa kolor reguły między kolumnami 3
column-rule-style Określa styl rządów między kolumnami 3
column-rule-width Określa szerokość reguły między kolumnami 3
column-span Określa, ile kolumn element powinien obejmować całej 3
column-width Określa szerokość kolumn 3
columns Skróconą własnością dla ustawienia szerokości kolumny i kolumny-count 3
widows Ustawia minimalną liczbę linii, które należy pozostawić na górze strony, gdy wystąpi przerwa Strona wewnątrz elementu 2

Paged mediów

Nieruchomość Opis CSS
orphans Ustawia minimalną liczbę linii, które muszą być pozostawione w dolnej części strony, gdy wystąpi przerwa Strona wewnątrz elementu 2
page-break-after Ustawia zachowanie stron łamiących po elemencie 2
page-break-before Ustawia zachowanie stron łamiących przed elementem 2
page-break-inside Ustawia zachowanie stron łamiących wewnątrz elementu 2

Generated Content dla Paged Mediów

Nieruchomość Opis CSS
marks Dodaje upraw i / lub znakami krzyża do dokumentu 3
quotes Ustawia rodzaj cudzysłowu dla osadzonych notowań 2

Właściwości efekty filtrów

Nieruchomość Opis CSS
filter Określa efekty (eg blurring or color shifting) na elemencie przed wyświetleniem element 3

Wartości obrazu i zastąpić zawartość

Nieruchomość Opis CSS
image-orientation Określa obrót w prawo lub w kierunku ruchu wskazówek zegara, że ​​aplikacja kliencka odnosi się do obrazu (Ta właściwość jest prawdopodobne będzie przestarzała, a jej funkcjonalność przeniesiony do HTML) 3
image-rendering Daje wskazówkę do przeglądarki o jakie aspekty obrazu są najważniejsze dla zachowania, gdy obraz jest skalowany 3
image-resolution Określa wewnętrzną rozdzielczość wszystkich obrazów rastrowych używanych w / na elemencie 3
object-fit Określa, jak zawartość zastąpiona elementem powinny być zamontowane okna ustanowionym przez jego wysokość i szerokość używanego 3
object-position Określa wyrównanie wymienianego elementu wewnątrz pudełka 3

maskowanie Właściwości

Nieruchomość Opis CSS
mask3
mask-type3

Właściwości mowy

Nieruchomość Opis CSS
mark Skrót nieruchomość do ustawiania właściwości mark-przed i po-mark 3
mark-after Umożliwia wymienione markery mogą zostać dołączone do strumienia audio 3
mark-before Umożliwia wymienione markery mogą zostać dołączone do strumienia audio 3
phonemes Określa wymową dla tekstu zawartego przez odpowiedniego elementu 3
rest Skrót nieruchomość do ustawiania reszty-before-after a reszta właściwości 3
rest-after Określa Reszta albo prozodyczna granica, których należy przestrzegać po rozmowie zawartości danego elementu 3
rest-before Określa Reszta albo prozodyczna granica, których należy przestrzegać przed rozmową zawartości danego elementu 3
voice-balance Określa równowagę między lewym i prawym kanale 3
voice-duration Określa, jak długo powinno trwać do renderowania zawartości wybranego elementu 3
voice-pitch Określa średnią boiska (a frequency) głosu mówiącego 3
voice-pitch-range Określa zmiany średniego skoku 3
voice-rate Kontroluje szybkość mówienia 3
voice-stress Wskazuje siłę nacisku mają być stosowane 3
voice-volume Odnosi się do amplitudy wyjścia przebiegu przez syntetyzuje mowy 3

Właściwości markizy

Nieruchomość Opis CSS
marquee-direction Ustawia kierunek poruszającego treści 3
marquee-play-count Ustawia ile razy przenosić zawartość 3
marquee-speed Ustawia jak szybko zwoje treści 3
marquee-style Ustawia styl poruszającej treści 3