Il miglior tutorial CSS di riferimento Nel 2024, in questo tutorial puoi imparare
proprietà CSS,proprietà di animazione,Proprietà dello sfondo,Border (Bordo) e contorno (Outline) immobili,Box (scatola) immobili,Colore (Color) proprietà,Padding (imbottitura) Proprietà,Contenuti multimediali pagina Proprietà,Dimensioni (Dimension) immobili,Flexible Box Model (Box flessibile) immobili (nuovo),Flexible Box Model (Box flessibile) immobili (vecchio),Font (Font) Proprietà,attributo content generazione (Generated Content Proprietà),Griglia (Grid) immobili,Collegamenti ipertestuali (Hyperlink) Proprietà,Wireframe (Linebox) immobili,List (Lista) immobili,Margine (Margin) immobili,Sottotitoli (Marquee) immobili,Colonne multiple (Multi-colonna) immobili,Pagina media (Paged media) immobili,Positioning (Posizionamento) immobili,Paging (Stampa) immobili,Proprietà di ruby,Speech (Speech) immobili,Table (Tabella) immobili,Text (Testo) immobili,2D / 3D trasforma proprietà,Transizione (Transition) immobili,L'aspetto del utente (interfaccia utente) immobili,
CSS di riferimento
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).
属性 |
描述 |
CSS |
color-profile |
允许使用源的颜色配置文件的默认以外的规范 |
3 |
opacity |
设置一个元素的透明度级别 |
3 |
rendering-intent |
允许超过默认颜色配置文件渲染意向的其他规范 |
3 |
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 |
属性 |
说明 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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à | 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 |
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 |
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 |
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 |
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 |
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 |