Latest web development tutorials
×

CSS Manuale di riferimento

CSS Manuale di riferimento CSS selettore CSS discorso di riferimento CSS Web font sicure CSS animazione CSS unità CSS colore CSS valori di colore legali CSS nomi dei colori CSS valori di colore esadecimali CSS Supporto per il browser

CSS proprietà

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 appearance 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-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack 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 grid-columns grid-rows hanging-punctuation height icon 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 punctuation-trim quotes resize right rotation tab-size table-layout target target-name target-new target-position text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap 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 di riferimento

nota Questo CSS di riferimento esercitazione in tutti i principali browser testati.


proprietà CSS

CSS Property Group:

colonna "CSS" indica in quale versione CSS la proprietà è definita (CSS1, CSS2, CSS3 o).

proprietà di animazione

属性 描述 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

Proprietà dello sfondo

属性 描述 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

Border (Bordo) e contorno (Outline) immobili

属性 描述 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 (scatola) immobili

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

Colore (Color) proprietà

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

Padding (imbottitura) Proprietà

proprietà spiegazione CSS
imbottitura Imposta tutte le proprietà imbottitura in una dichiarazione 1
padding-bottom Impostare l'elemento di imbottitura in basso 1
padding-left L'elemento dell'imbottitura di sinistra 1
padding-right Elemento è impostato padding a destra 1
padding-top Impostazioni presso gli elementi migliori per riempire 1

Contenuti multimediali pagina Proprietà

属性 说明 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

Dimensioni (Dimension) immobili

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

Flexible Box Model (Box flessibile) immobili (nuovo)

属性 说明 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 (Box flessibile) immobili (vecchio)

proprietà spiegazione CSS
box-align Specifica come allineare un blocco di sottoelementi 3
box-direzione In quale direzione è specificato, visualizza un elemento di scatola bambino 3
box-flex Specificare se una scatola di elementi secondari sono di dimensioni flessibili o fisse 3
box-flex-gruppo elementi flessibili assegnati al Gruppo Flex 3
box-lines Ogni volta che viene eseguito nello spazio del telaio principale quando un ulteriore specificare se una nuova riga 3
box-ordinale-gruppo Un ordine di visualizzazione struttura di sub-elementi 3
box-Orient Specifica se una scatola di un elemento secondario nella direzione orizzontale o verticale occorre prevedere 3
scatola-pack Specifica box laterale in posizione orizzontale e la posizione verticale del telaio verticale 3

Font (Font) Proprietà

proprietà spiegazione CSS
fonte Impostare tutte le proprietà dei font in una dichiarazione 1
font-family Le disposizioni della famiglia di font di testo 1
font-size Le disposizioni della dimensione del carattere del testo 1
font-style testo stili dei caratteri specificati 1
font-variant testo stili dei caratteri specificati 1
font-weight spessore del carattere prescritto 1
@ Font-face Una regola che permette al sito per scaricare e utilizzare diverso da "Web-sicuro" per il tipo di carattere 3
font-size-adjust Il valore di elementi aspetto predeterminato 3
font-stretch Ridurre o allungare la famiglia di font corrente 3

attributo content generazione (Generated Content Proprietà)

proprietà spiegazione CSS
contenuto Con: prima e: contenuto dopo pseudo-elemento utilizzato in combinazione per inserire generato 2
counter-increment Incrementare o decrementare uno o più contatori 2
counter-reset Creare uno o più sportelli o reset 2
citazioni Set di citazioni annidate tipi di riferimento 2
raccolto Consentire elementi sostituiti solo come un oggetto al posto dell'area rettangolare dell'intero oggetto 3
move-to Provoca un elemento da rimuovere dal flusso e reinserito in un punto successivo nel documento 3
Pagina politica Valore stringa è determinato in base alla pagina di applicare ad un dato elemento nel contatore 3

Griglia (Grid) immobili

proprietà spiegazione CSS
grid-colonne Specifica la larghezza di ciascuna colonna nella griglia 3
grid-file Specifica l'altezza di ciascuna colonna nella griglia 3

Collegamenti ipertestuali (Hyperlink) Proprietà

proprietà spiegazione CSS
bersaglio proprietà scorciatoia per impostare target-nome, target-nuovo, e la proprietà target-position 3
target-nome Specifica per aprire il collegamento (destinazione) in cui 3
target-new Specifica se un nuovo link target apre una nuova finestra o aprire una nuova scheda in una finestra esistente 3
bersaglio-position Specificare il nuovo link di destinazione deve essere posto in posizione 3

Wireframe (Linebox) immobili

proprietà spiegazione CSS
allineamento regolare Permette più preciso allineamento degli elementi 3
allineamento-basale Il suo elemento principale livello di riga specificato come allineare 3
basale-shift Permette il riposizionamento della linea di base dominante rispetto alla linea di base dominante 3
dominante-basale Specifica la-base-table in scala 3
drop-iniziale-dopo-regolare Impostare il punto di allineamento iniziale tendina punto di connessione primaria 3
drop-iniziale-dopo-align Impostare la linea di taratura all'interno della linea iniziale è che ha la prima lettera della casella utilizzando il punto di connessione primaria 3
drop-iniziale-prima-regolare Impostazioni discesa punto di connessione ausiliario punto di allineamento iniziale 3
drop-iniziale-prima-align Impostare la linea di taratura all'interno della linea iniziale è che ha la prima lettera della scatola di derivazione ausiliaria 3
drop-primo-size La prima lettera del controllo della subsidenza locale 3
drop-valori iniziali Attivare un menu a discesa primi risultati 3
inline-box-align Impostare una fila multi-linea di blocco in linea avendo davanti allineati e gli elementi in linea prossimi 3
line-stacking Un insieme line-stacking-strategia, la linea-stacking-rubino, e la linea-stacking-shift attribuiscono proprietà abbreviata 3
line-stacking-ruby Imposta il metodo di accatastamento linea per elementi di blocco che contengono elementi di annotazione di Ruby 3
line-stacking-shift Set linea di base-spostamento contenente impilati blocco metodo degli elementi elemento 3
line-stacking-strategy Impilabile impostare il metodo di contenuti all'interno degli elementi di blocco della stack frame 3
text-altezza riquadrato in riga Area di testo dimensione del blocco da progressione 3

List (Lista) immobili

proprietà spiegazione CSS
list-style Impostare un elenco di tutte le proprietà in una dichiarazione 1
list-style-image L'immagine come marcatore di lista 1
list-style-position Impostare la lista di collocamento marcatore voce 1
list-style-type Impostare il tipo di marcatore di lista 1

Margine (Margin) immobili

proprietà spiegazione CSS
margine Impostare tutte le proprietà dei margini in una dichiarazione 1
margin-bottom Elemento è impostato margine inferiore 1
margin-left L'elemento nel margine sinistro 1
margin-right L'elemento del margine destro 1
margin-top Elemento è impostato sul margine 1

Sottotitoli (Marquee) immobili

proprietà spiegazione CSS
tendone-direzione Impostazione del senso di contenuto in movimento 3
tendone-play-count Quante volte hanno creato contenuti mobili 3
tendone velocità Impostare contenuti scorrimento quanto velocemente 3
tendone in stile contenuti mobili Styling 3

Colonne multiple (Multi-colonna) immobili

proprietà spiegazione CSS
column-count Il numero di colonne specificate elemento dovrebbe essere diviso in 3
column-fill Specifica come riempire le colonne 3
column-gap divario specificato tra le colonne 3
column-rule Tutto pronto per proprietà abbreviata proprietà * colonna su regole 3
column-rule-colore Specificare regole colore tra le colonne 3
column-rule-style regola di stile specifica tra le colonne 3
column-rule-width Specifica la larghezza della regola tra le colonne 3
colonna arco Quante colonne elemento specificato deve estendersi 3
column-width Specifica la larghezza delle colonne 3
colonne proprietà scorciatoia per impostare il numero di colonne e la larghezza delle colonne 3

Pagina media (Paged media) immobili

proprietà perdere CSS
adattarsi Se gli attributi width e height non sono auto dà un suggerimento di come massiccia elementi sostituiti 3
fit-position Determinare l'allineamento dell'oggetto all'interno della scatola 3
image-orientamento Specifica la-user agent idoneo per destri o ruotare l'immagine in senso orario 3
pagina Specificare un particolare tipo di elemento dovrebbe visualizzare una pagina 3
dimensione Specificare il contenuto della pagina che contiene il formato della scatola e l'orientamento 3

Positioning (Posizionamento) immobili

proprietà spiegazione CSS
fondo blocco Offset al confine tra le impostazioni dei margini inferiori elementi di targeting che comprende il suo confine 2
chiaro Quale lato dell'elemento prefissato impedisce altri elementi galleggianti 1
clip Tagliare gli elementi posizionati in modo assoluto 2
cursore disposizioni tipo di cursore da visualizzare (forma) 2
display Tipo specifica gli elementi da scatola generati 1
galleggiante Se le disposizioni di scatola dovrebbero galleggiare 1
sinistra Impostazione elementi che compongono il suo confine mira sinistra compensato margine tra il bordo sinistro del blocco 2
straripamento
Cosa succede quando il contenuto delle disposizioni dell'elemento scatola di trabocco 2
posizione Tipo di località specifica gli elementi 2
destra Impostare gli elementi di posizionamento margine destro contenenti un bordo del blocco di offset e il suo confine proprio tra 2
top Impostare elementi presenti sul confine e le sue compensazioni margine tra il limite di blocco di targeting 2
visibilità Se le disposizioni di elementi visibili 2
z-index Impostando l'ordine degli elementi 2

Paging (Stampa) immobili

proprietà spiegazione CSS
orfani Il numero minimo di linee si verifica quando gli elementi interni devono essere mantenuti scheda nella parte inferiore della pagina 2
page-break-after elementi comportamentali scheda Impostazioni dopo 2
page-break-prima elementi comportamentali scheda Impostazioni prima 2
page-break-inside L'elemento all'interno del comportamento scheda 2
vedove Il numero minimo di linee si verifica quando gli elementi interni devono essere mantenuti scheda nella parte superiore della pagina 2

Proprietà di ruby

proprietà spiegazione CSS
ruby-align Rubino e Ruby controllo di testo basato allineamento del testo contenuto rispetto all'altro 3
ruby-sbalzo Quando il testo supera di base Rubino larghezza Ruby, determinare il locale a qualsiasi testo testo rubino adiacente è consentito, in aggiunta alla loro base 3
ruby-position Dove controlla il testo base di Ruby 3
ruby-arco Il controllo del comportamento degli elementi di annotazione 3

Speech (Speech) immobili

proprietà spiegazione CSS
contrassegno Set mark-prima e mark-dopo attribuire proprietà abbreviate 3
mark-dopo Lasciare i tag di nome per il flusso audio 3
mark-prima Lasciare i tag di nome per il flusso audio 3
fonemi Specifica che contiene il testo del corrispondente elemento in una pronuncia fonetica 3
riposo L'impostazione di un riposo prima e riposare, dopo attribuire proprietà abbreviate 3
rest-dopo Un elemento di contenuto dopo l'arrivo, designato per prendersi una pausa o conformarsi con contorno prosodico 3
riposo, prima Un elemento di contenuto prima del traguardo, designato per prendersi una pausa o conformarsi con contorno prosodico 3
voce bilancio equilibrio specificato i canali sinistro e destro 3
voice-durata Specifica il contenuto dell'elemento selezionato deve prestare attenzione per rendere la lunghezza del 3
voice-passo Specifica l'intonazione vocale media (frequenza) 3
voce-pitch-range Specifica la variazione media intonazione 3
voice-rate controllo della velocità 3
voce stress gli sforzi si concentrano Indicazione 3
voce volumi La sintesi vocale significa che l'ampiezza della forma d'onda di uscita 3

Table (Tabella) immobili

proprietà spiegazione CSS
border-collapse Specifica se la fusione bordo della tabella 2
border-spacing Una distanza prestabilita tra i bordi delle celle adiacenti 2
caption-side posizione predeterminata del tavolo titolo 2
empty-cells Specifica se visualizzare i bordi e le tabelle di sfondo nelle celle vuote su 2
table-layout Impostazione algoritmo di layout per le tabelle 2

Text (Testo) immobili

proprietà spiegazione CSS
colore Impostare il colore del testo 1
direzione Testo direzione predeterminata / direzione di scrittura 2
letter-spacing spaziatura dei caratteri Impostazione 1
line-height Impostazione altezza delle righe 1
text-align L'allineamento orizzontale delle disposizioni del testo 1
text-decoration Prestazione aggiunto al testo del effetto decorativo 1
text-trattino Le disposizioni del blocco di testo rientrare la prima riga 1
text-transform controlli sensibili per il testo 1
unicode-bidi 2
vertical-align L'allineamento verticale dell'elemento 1
white-space Come impostare un elemento di controllo in bianco 1
word-spacing impostazioni spaziatura delle parole 1
hanging-punteggiatura Specifica se un segno di punteggiatura può essere al di là della linea di scatola 3
punteggiatura-trim Specifica se rimuovere un segno di punteggiatura 3
text-align-last Quando text-align è impostato per giustificare, l'allineamento ultima riga. 3
text-giustificare modo decentrato specificato allineamento quando text-align è impostato per giustificare il tempo. 3
text-outline Impostare il testo contorno. 3
text-trabocco Elemento specifica quando il testo supera incluso, cosa dovrebbe accadere 3
text-shadow Aggiungere un'ombra al testo 3
text-wrap Regole specificano involucro di testo 3
word-break Specifica le regole di rottura della linea di non-CJK testo 3
word-wrap Se impostare il browser per troppo tempo un ritorno a capo automatico. 3

2D / 3D trasforma proprietà

proprietà spiegazione CSS
trasformare Applicare 2D o 3D elemento di conversione 3
trasformare origine Esso consente di cambiare la posizione dell'elemento di conversione 3
trasformare in stile 3D Space specificare elementi come nidificati 3
prospettiva Vedere come specificare l'elemento 3D è una vista in prospettiva 3
prospettiva origine elementi 3D specificano la posizione di fondo 3
controfaccia visibilità Se la definizione di un elemento deve essere visibile, non davanti allo schermo 3

Transizione (Transition) immobili

proprietà spiegazione CSS
transizione Questa proprietà è un passaggio-di proprietà, di transizione della durata, la transizione-timing-function, transizione ritardo forma abbreviata. 3
transizione immobili Prevista per il passaggio di proprietà CSS. 3
transizione durata Impostare la lunghezza del tempo di transizione effettuata. 3
transizione-timing-function Impostare la funzione di temporizzazione di transizione svolta. 3
transizione ritardo Specifica inizia la transizione. 3

L'aspetto del utente (interfaccia utente) immobili

proprietà spiegazione CSS
aspetto Elementi definizione di stile esterni 3
box-sizing Esso consente di adattare la regione di definire in qualche modo alcuni elementi 3
icona Specificare un'icona per l'elemento 3
nav-down Specifica l'utente preme la posizione verso il basso tasto di navigazione verso il basso 3
nav-index Specifica di navigazione (scheda) ordine. 3
nav-sinistra Specificare quando l'utente preme il pulsante a sinistra per navigare posizione 3
nav-destra Specifica l'utente a premere la giusta posizione quando la navigazione di sinistra 3
nav-up Specifica l'utente preme il tasto di navigazione su una posizione 3
delineare-offset Impostare il bordo contorno di offset di fuori del quadro del confine 3
ridimensionare Se la definizione degli elementi può essere ridimensionato 3