1. Home
  2. CSS

CSS

uwaga Ten poradnik CSS we wszystkich głównych przeglądarek testowane.

właściwości CSS

CSS Property Group:

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

właściwości Animacja

属性 描述 CSS
@keyframes 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 3
animation 复合属性。检索或设置对象所应用的动画特效。 3
animation-name 检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用，因为动画名称由@keyframes定义 3
animation-duration 检索或设置对象动画的持续时间 3
animation-timing-function 检索或设置对象动画的过渡类型 3
animation-delay 检索或设置对象动画的延迟时间 3
animation-iteration-count 检索或设置对象动画的循环次数 3
animation-direction 检索或设置对象动画在循环中是否反向运动 3
animation-play-state 检索或设置对象动画的状态 3

Właściwości tła

属性 描述 CSS
background 复合属性。设置对象的背景特性。 1
background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。 1
background-color 设置或检索对象的背景颜色。 1
background-image 设置或检索对象的背景图像。 1
background-position 设置或检索对象的背景图像位置。必须先指定background-image属性。 1
background-repeat 设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。 1
background-clip 指定对象的背景图像向外裁剪的区域。 3
background-origin S设置或检索对象的背景图像计算background-position时的参考原点(位置)。 3
background-size 检索或设置对象的背景图像的尺寸大小。 3

Graniczna (Border) oraz Zarys (Outline) nieruchomości

属性 描述 CSS
border 复合属性。设置对象边框的特性。 1
border-bottom 复合属性。设置对象底部边框的特性。 1
border-bottom-color 设置或检索对象的底部边框颜色。 1
border-bottom-style 设置或检索对象的底部边框样式。 1
border-bottom-width 设置或检索对象的底部边框宽度。 1
border-color 置或检索对象的边框颜色。 1
border-left 复合属性。设置对象左边边框的特性。 1
border-left-color 设置或检索对象的左边边框颜色。 1
border-left-style 设置或检索对象的左边边框样式。 1
border-left-width 设置或检索对象的左边边框宽度。 1
border-right 复合属性。设置对象右边边框的特性。 1
border-right-color 设置或检索对象的右边边框颜色。 1
border-right-style 设置或检索对象的右边边框样式。 1
border-right-width 设置或检索对象的右边边框宽度。 1
border-style 设置或检索对象的边框样式。 1
border-top 复合属性。设置对象顶部边框的特性。 1
border-top-color 设置或检索对象的顶部边框颜色 1
border-top-style 设置或检索对象的顶部边框样式。 1
border-top-width 设置或检索对象的顶部边框宽度。 1
border-width 设置或检索对象的边框宽度。 1
outline 复合属性。设置或检索对象外的线条轮廓。 2
outline-color 设置或检索对象外的线条轮廓的颜色。 2
outline-style 设置或检索对象外的线条轮廓的样式。 2
outline-width 设置或检索对象外的线条轮廓的宽度。 2
border-bottom-left-radius 设置或检索对象的左下角圆角边框。提供2个参数，2个参数以空格分隔，每个参数允许设置1个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数 3
border-bottom-right-radius 设置或检索对象的右下角圆角边框。 3
border-image 设置或检索对象的边框样式使用图像来填充。 3
border-image-outset 规定边框图像超过边框的量。 3
border-image-repeat 规定图像边框是否应该被重复（repeated）、拉伸（stretched）或铺满（rounded）。 3
border-image-slice 规定图像边框的向内偏移。 3
border-image-source 规定要使用的图像，代替 border-style 属性中设置的边框样式。 3
border-image-width 规定图像边框的宽度。 3
border-radius 设置或检索对象使用圆角边框。 3
border-top-left-radius 定义左上角边框的形状。 3
border-top-right-radius 定义右下角边框的形状。 3
box-decoration-break 规定行内元素被折行 3
box-shadow 向方框添加一个或多个阴影。 3

Box (Box) nieruchomości

属性 描述 CSS
overflow-x 如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。 3
overflow-y 如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。 3
overflow-style 规定溢出元素的首选滚动方法。 3
rotation 围绕由 rotation-point 属性定义的点对元素进行旋转。 3
rotation-point 定义距离上左边框边缘的偏移点。 3

Kolor (Color) Właściwości

属性 描述 CSS
color-profile 允许使用源的颜色配置文件的默认以外的规范 3
opacity 设置一个元素的透明度级别 3
rendering-intent 允许超过默认颜色配置文件渲染意向的其他规范 3

Padding (padding) Property

nieruchomość wyjaśnienie CSS
wyściółka Ustaw wszystkie właściwości wypełniające w jednej deklaracji 1
padding-bottom Ustaw dolnego elementu wypełniającego 1
padding-left Element z lewej krawędzi 1
padding-tuż Element jest tuż wyściółkę 1
padding-top Ustawienia w prawym górnym elementów do wypełnienia 1

Zawartość strony mediów Własności

属性 说明 CSS
bookmark-label 指定书签的标签 3
bookmark-level 指定了书签级别 3
bookmark-target 指定了书签链接的目标 3
float-offset 在相反的方向推动浮动元素，他们一直具有浮动 3
hyphenate-after 指定一个断字的单词断字字符后的最少字符数 3
hyphenate-before 指定一个断字的单词断字字符前的最少字符数 3
hyphenate-character 指定了当一个断字发生时，要显示的字符串 3
hyphenate-lines 表示连续断字的行在元素的最大数目 3
hyphenate-resource 外部资源指定一个逗号分隔的列表，可以帮助确定浏览器的断字点 3
hyphens 设置如何分割单词以改善该段的布局 3
image-resolution 指定了正确的图像分辨率 3
marks 将crop and/or cross标志添加到文档 3
string-set   3

Rozmiar (wymiar) nieruchomości

属性 描述 CSS
height 设置元素的高度 1
max-height 设置元素的最大高度 2
max-width 设置元素的最大宽度 2
min-height 设置元素的最小高度 2
min-width 设置元素的最小宽度 2
width 设置元素的宽度 1

Flexible Box Model (Flexible Box) nieruchomości (nowy)

属性 说明 CSS
flex 复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。 3
flex-grow 设置或检索弹性盒的扩展比率。 3
flex-shrink 设置或检索弹性盒的收缩比率。 3
flex-basis 设置或检索弹性盒伸缩基准值。 3
flex-flow 复合属性。设置或检索弹性盒模型对象的子元素排列方式。 3
flex-direction 该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。 3
flex-wrap 该属性控制flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向。 3
align-content 在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。 3
align-items 定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。 3
align-self 定义flex子项单独在侧轴（纵轴）方向上的对齐方式。 3
justify-content 设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 3
order 设置或检索弹性盒模型对象的子元素出现的順序。 3

Flexible Box Model (Flexible Box) nieruchomości (stary)

nieruchomość wyjaśnienie CSS
box-align Określa sposób wyrównania bloku podelementów 3
box-direction W jakim kierunku jest określona, ​​wyświetla okno element podrzędny 3
box-flex Określ, czy pudełko podelementów są elastyczne lub stałym rozmiarze 3
box-flex-group Elastyczne elementy przypisane do grupy Flex 3
pudła-linie Ilekroć to działa w przestrzeni ramki nadrzędnej, kiedy dokładniej określić, czy nowy rząd 3
box-porządkowa-group Kolejności wyświetlania ramki podelementów 3
box-orient Określa, czy pole elementu dzieci w kierunku poziomym lub pionowym należy ustanowić 3
box-pack Określa pole boczny w pozycji poziomej i pionowej pozycji pionowej ramie 3

Font (Czcionka) Property

nieruchomość wyjaśnienie CSS
chrzcielnica Ustaw wszystkie właściwości czcionki w jednej deklaracji 1
font-family Przepisy rodziny czcionki tekstu 1
font-size Przepisy rozmiaru czcionki tekstu 1
font-style określone style czcionek tekstu 1
font-variant określone style czcionek tekstu 1
font-weight Określonej wagi czcionki 1
@ Font-face Reguła, która pozwala stronie, aby pobrać i korzystać z innych niż "Web- bezpieczne" dla czcionki 3
font-size-adjust The Elements aspektem zadaną wartość 3
font-odcinek Kurczyć lub rozciągać obecną rodzinę czcionek 3

atrybut generacji Zawartość (Generated Content Properties)

nieruchomość wyjaśnienie CSS
zawartość Z: before i: after pseudo-element, stosowany w połączeniu Aby wstawić treści generowanej 2
Licznik przyrostu Zwiększyć lub zmniejszyć jeden lub więcej liczników 2
counter-reset Utworzyć jeden lub więcej liczników lub zresetować 2
cytaty Zestaw zagnieżdżone typy odwołuje cytatów 2
wole Pozwól elementów zastępowanych prostu jako obiekt zamiast prostokątnego obszaru całego obiektu 3
przenieść do Powoduje to element być usunięty ze strumienia i przeniesiony na późniejszym etapie dokumentu 3
Strona-policy wartość ciągu jest ustalana na podstawie strony odnoszą się do danego elementu w liczniku 3

Siatka (siatka) nieruchomości

nieruchomość wyjaśnienie CSS
grid-kolumny Określa szerokość każdej kolumny w siatce 3
grid-rzędowe Określa wysokość każdej kolumny w siatce 3

Hiperłącza (hiperłącze) Właściwości

nieruchomość wyjaśnienie CSS
cel Skrócona forma ustawić docelowy-name, target-nowe, a właściwość target-pozycyjny 3
target-name Określa, aby otworzyć łącze (docelowy), w którym 3
target-nowa Określa, czy nowy związek docelowy otwiera nowe okno, lub otworzyć nową kartę w istniejącym oknie 3
target-pozycyjny Określić nowe adresy docelowe powinny być umieszczone w pozycji 3

Szkielet (Linebox) nieruchomości

nieruchomość wyjaśnienie CSS
Wyrównanie-adjust Pozwala na bardziej precyzyjne dopasowanie elementów 3
alignment-bazowy Jej elementem dominującym Określony poziom inline sposób wyrównania 3
bazowy-shift Umożliwia repozycjonowanie dominującej-bazowego w stosunku do dominującego-wyjściowo 3
dominujące bazowy Określa skalowany bazowy-table 3
drop-initial-po-adjust Ustaw początkowy punkt wyrównania rozwijanego podstawowy punkt połączenia 3
drop-initial-po-align Ustaw linię kalibracji w pierwotnym jest to, że ma ona pierwszą literę polu używając podstawowy punkt połączenia 3
drop-initial-before-adjust Ustawienia rozwijanej pomocniczy punkt połączenia punkt początkowy wyrównanie 3
drop-initial-before-align Ustaw linię kalibracji w pierwotnym jest to, że ma ona pierwszą literę skrzynki przyłączeniowej pomocniczego 3
drop-initial-size Pierwsza litera kontrolą lokalnych obniżeń 3
drop-początkowa wartość Aktywuj rozwijane wstępne wyniki 3
inline-box-align Skonfiguruj wiersz multi-line inline blok mający wyrównane przód i kolejne elementy inline 3
line-Stacking Zestaw line-Stacking-strategii, line-układanie-ruby i line-układanie z przesunięciem przypisywać właściwości skrótowej 3
line-Stacking-ruby Ustawia metodę układania wiersza dla elementów blokowych zawierających elementy Ruby adnotacji 3
line-Stacking-shift Zestaw linia bazowa zawierająca ułożone z przesunięciem bloku metoda elementów elementu 3
line-Stacking-strategia Stacking zestawy metodą zawartą w obrębie elementów blokowych ramki stosu 3
Wysokość tekstu Skrzynka inline Obszar Tekst wymiar ustawiony blokowe Progresja 3

List (Lista) nieruchomości

nieruchomość wyjaśnienie CSS
list-style Skonfiguruj listę wszystkich właściwości w jednej deklaracji 1
list-style-image Obraz jako marker list-item 1
list-style-position Set lista miejsc docelowych marker artykuł 1
list-style-type Ustaw typ markera list-item 1

Margin (Margines) nieruchomości

nieruchomość wyjaśnienie CSS
margines Ustaw wszystkie właściwości marginesów w jednej deklaracji 1
margin-bottom Element jest ustawiony dolny margines 1
margin-left Element na lewym marginesie 1
margin-right Element prawym marginesie 1
margin-top Element jest ustawiony na marginesie 1

Napisy (Marquee) nieruchomości

nieruchomość wyjaśnienie CSS
namiot-kierunek Ustawienie kierunku poruszającego treści 3
marquee play-count Ile razy utworzyły treści na telefon komórkowy 3
namiot-biegowa Ustaw jak szybko zawartość przewijania 3
namiot stylu Stylizacja treści na telefon komórkowy 3

Wiele kolumn (Multi-column) nieruchomości

nieruchomość wyjaśnienie CSS
column-count Liczba kolumn określonych element powinien być podzielony na 3
column-fill Określa, jak wypełnić kolumny 3
column-gap Określony odstęp między kolumnami 3
column-rule Wszystko gotowe do kolumny-sprawowania rządów, * właściwości skrótowej własności 3
column-rule-color Określić zasady kolorystyczne pomiędzy kolumnami 3
column-rule-style Reguła Styl określa między kolumnami 3
column-rule-width Określa szerokość reguły między kolumnami 3
Kolumna rozpiętości Ile kolumn określona element powinien piędź 3
Szerokość kolumny Określa szerokość kolumn 3
kolumny Skrócona forma ustawić liczbę kolumn i szerokości kolumny 3

Strona Mediów (Paged Mediów) nieruchomości

nieruchomość chybienie CSS
dopasować Jeżeli szerokość i wysokość atrybuty nie są automatycznie daje wskazówkę, jak masowa elementów zastępowanych 3
Fit-pozycyjny Określanie wyrównania przedmiotu wewnątrz skrzynki 3
Orientacja obrazu Określa user-agent dla prawo lub obrócić zdjęcie w prawo 3
strona Określić konkretny typ elementu powinna wyświetlić stronę 3
rozmiar Określić zawartość strony zawierającej box rozmiar i orientację 3

Pozycjonowanie (Positioning) nieruchomości

nieruchomość wyjaśnienie CSS
dolny Przesunięcie bloku na granicy pomiędzy dolną ustawień marginesów skierowanych elementy zawierające granicę 2
jasny Która strona ustalonej elementu uniemożliwia inne elementy pływające 1
klips Cięcie elementów pozycjonowanych absolutnie 2
kursor Przepisy typu kursora mają być wyświetlane (kształt) 2
pokaz Typ określa elementy, które mają być generowane pole 1
pływak Czy przepisy polu powinny unosić 1
lewo Ustawianie kierowania elementów zawierających granicę lewego marginesu przesunięcia między lewą krawędzią bloku 2
przelewowy
Co się dzieje, gdy zawartość przepisami elementu przepełnienia skrzynki 2
pozycja Typ Lokalizacja opisuje elementy 2
prawo Ustawienie elementów pozycjonujących prawym marginesie zawierające przesunięcia granicy bloku i jego prawą granicę między 2
top Ustaw kierowanie elementów zawartych na granicy i jego przesunięcia granicy między granicy bloku 2
widoczność Czy przepisy widocznych elementów 2
z-index Ustawianie kolejności układania elementów 2

Stronicowania (Drukuj) nieruchomości

nieruchomość wyjaśnienie CSS
sieroty Minimalna liczba linii występuje wówczas, gdy elementy wewnętrzne muszą być zachowane zakładkę w dolnej strony 2
page-break-after Zakładka Ustawienia elementy behawioralne po 2
page-break-before Zakładka Ustawienia elementy behawioralne przed 2
page-break-wewnątrz Element wewnątrz zachowania zakładki 2
wdowy Minimalna liczba linii występuje wówczas, gdy elementy wewnętrzne muszą być zachowane zakładkę na górze strony 2

Właściwości Ruby

nieruchomość wyjaśnienie CSS
ruby-align tekstowym, Ruby i Ruby kontrola zawartości tekstu wyrównanie względem siebie 3
ruby-zwis Gdy tekst przekracza bazowy Ruby Ruby szerokość określić lokalny zamontować dowolny tekst sąsiadujący rubinowy tekst jest dozwolone, w uzupełnieniu do ich bazy 3
ruby-pozycyjny Gdzie kontroluje tekst bazowy Ruby 3
ruby-zakresowy Kontrola nad zachowaniem elementów adnotacji 3

Speech (Mowa) nieruchomości

nieruchomość wyjaśnienie CSS
znak Ustaw znacznik przed i po znaku-przypisują właściwości skróconą 3
mark-po Pozwól nazwanych znaczniki do strumienia audio 3
mark-przed Pozwól nazwanych znaczniki do strumienia audio 3
fonemy Określa, że ​​zawiera tekst odpowiadający element w wymową 3
reszta Ustawianie odpocząć-przed i po odpoczynku-przypisują właściwości skróconą 3
Reszta, po Zawartość elementu po wykończeniu, wyznaczony na przerwę lub zgodne z prozodycznych granicy 3
Reszta, zanim Zawartość elementu przed metą, wyznaczony na przerwę lub zgodne z prozodycznych granicy 3
voice-balance Określone zrównoważenia lewego i prawego kanału 3
voice-czas Określić zawartość wybranego elementu należy podjąć, aby uczynić długości 3
voice-pak Określa średnią boiska głosową (częstotliwości) 3
voice-pitch-range Określa średnią zmianę nachylenia 3
voice-kurs Regulacja prędkości 3
Głos stres Wskazujące wysiłki koncentrują 3
Głos objętości synteza mowy Oznacza to, że amplituda kształtu fali wyjściowej 3

Tabela (tabela) nieruchomości

nieruchomość wyjaśnienie CSS
border-collapse Określa, czy tabela granicznej fuzji 2
border-spacing Określona odległość pomiędzy sąsiednimi granic komórek 2
caption-side Określonym miejscu tabeli tytułowego 2
Puste komórki Określa, czy wyświetlać granice i tabele tło w pustych komórek na 2
table-layout Ustawianie algorytm układ dla tabel 2

Text (Tekst) nieruchomości

nieruchomość wyjaśnienie CSS
kolor Ustaw kolor tekstu 1
kierunek Tekst ustalony kierunek / kierunek pisania 2
letter-spacing Ustawianie odstępy między znakami 1
line-height Ustawienie wysokości wiersza 1
text-align Poziome wyrównanie przepisami tekstu 1
text-decoration Przepis dodany do tekstu efektu dekoracyjnego 1
text-indent Przepisy tiret blok tekstu pierwszej linii 1
text-transform Kontrole wrażliwe na tekście 1
unicode-bidi 2
vertical-align Pionowe ustawienie elementu 1
white-space Jak ustawić pustego elementu sterującego 1
word-spacing Ustawienia dystansowe słowne 1
podwieszane interpunkcyjny Określa, czy znak interpunkcyjny może być poza pola liniowego 3
interpunkcyjny-trim Określa, czy należy usunąć znak interpunkcyjny 3
text-align przedostatniej Gdy text-align jest ustawiony, aby uzasadnić, ostatni wyrównanie linii. 3
text-uzasadnić Zdecentralizowany sposób określony wyrównania, kiedy text-align jest ustawiony, aby uzasadnić czas. 3
Zarys tekstu Ustaw tekst konspektu. 3
text-overflow Element określa, kiedy tekst przepełnienia cenie, co powinno się zdarzyć 3
text-shadow Dodawanie cienia do tekstu 3
text-wrap Przepisy określają oblewanie tekstem 3
word-break Określa zasady łamanie wierszy dla non-CJK tekstu 3
word-wrap Niezależnie od tego, aby ustawić przeglądarkę tak, aby być zbyt długi wrap słowem. 3

2D / 3D przekształcenia własności

nieruchomość wyjaśnienie CSS
przekształcać Zastosuj 2D lub 3D elementu konwersji 3
przekształcić-origin To pozwala na zmianę położenia elementu konwersji 3
przekształcenie stylu 3D Space określić elementy, jak zagnieżdżone 3
perspektywa Zobacz jak określić elementu 3D jest widokiem perspektywicznym 3
Perspektywa-origin Elementy 3D określić dolną pozycję 3
tylna widoczności Czy definicja elementu powinny być widoczne, a nie przed ekranem 3

Przejście (Transition) nieruchomości

nieruchomość wyjaśnienie CSS
przejście Ta właściwość jest przejście-własność, czas przejściowy, przejście-timing-function, przejście opóźnienia forma skrócona. 3
Obiekt przejściowego Przewidziane przejścia własności CSS. 3
Okres przejściowy Ustaw czas do przejścia przeprowadzone. 3
Przejście-timing-function Ustaw funkcję pomiaru czasu przejścia wykonywane. 3
Przejście opóźnienia Określa zaczyna przejście. 3

Pojawienie użytkownika (User-Interface) Właściwości

nieruchomość wyjaśnienie CSS
wygląd Definicja stylu elementy zewnętrzne 3
box-zaklejania To pozwala na dostosowanie region jakoś zdefiniować pewne elementy 3
ikona Określ ikonę elementu 3
nav-down Określa użytkownik naciśnie klawisz nawigacyjny w dół pozycję spadkową 3
nav-index Określa nawigacji (TAB) zamówienia. 3
nav-left Określ, gdy użytkownik naciśnie przycisk w lewo, aby nawigować lokalizację 3
nav-tuż Określa użytkownika nacisnąć odpowiednią pozycję przy lewym panelu nawigacyjnym 3
nav-up Określa użytkownik naciśnie przycisk UP nawigacja UP pozycję 3
zarys offsetu Ustawianie korekcji konturu krawędzi poza ramami granicy 3
rozmiar Czy definicja elementów może być zmieniany 3

Online Tutorial

Web Tools

Hot Tools

Website Navigation