Manuale di riferimento CSS

Regole @CSS

Manuale completo delle proprietà CSS

Manuale completo delle proprietà CSS (per funzione)

Le proprietà CSS vengono cercate in ordine alfabetico, questa sezione contiene l'elenco completo delle proprietà standard della specifica CSS3. Tutte le proprietà sono divise tra attributi di animazione, attributi di sfondo, attributi di bordo, attributi di colore, dimensioni altezza e larghezza, Flex box elastico, attributi di carattere, attributi di elenco, attributi di margine, attributi di contorno, attributi di testo e carattere, attributi visivi, ecc.

Attributi di animazione (Animation)

属性	描述
`animation`	Specifica l'animazione basata su keyframes.
`animation-delay`	Specifica quando l'animazione dovrebbe iniziare.
`animation-direction`	Specifica se l'animazione dovrebbe ripetere in senso inverso in un ciclo alternato.
`animation-duration`	Specifica il tempo in secondi o millisecondi che l'animazione dovrebbe impiegare per completare un ciclo.
`animation-fill-mode`	Specifica come applicare lo stile al target dell'animazione prima e dopo l'esecuzione.
`animation-iteration-count`	Specifica il numero di volte che l'animazione dovrebbe ripetere prima di fermarsi.
`animation-name`	指定`@keyframes`Nome dell'animazione applicata all'elemento selezionato.
`animation-play-state`	Specifica se l'animazione dovrebbe eseguire o sospendere.
`animation-timing-function`	Specifica come la CSS animazione dovrebbe procedere in ogni ciclo.

Attributi di sfondo (Background)

属性	描述
`background`	Definisce vari attributi di sfondo in una dichiarazione.
`background-attachment`	Specifica se l'immagine di sfondo è fissa nella vista o scorrevole.
`background-clip`	Specifica l'area di disegno dello sfondo.
`background-color`	Definisce il colore di sfondo dell'elemento.
`background-image`	Definisce l'immagine di sfondo dell'elemento.
`background-origin`	Specificare la regione di posizionamento dell'immagine di sfondo.
`background-position`	Definire l'origine dell'immagine di sfondo.
`background-repeat`	Specificare se e come ripetere l'immagine di sfondo.
`background-size`	Specificare la dimensione dell'immagine di sfondo.

Proprietà del bordo (Border)

属性	描述
`border`	Imposta la larghezza, lo stile e il colore di tutti e quattro i lati del bordo dell'elemento.
`border-bottom`	Imposta la larghezza, lo stile e il colore del bordo inferiore dell'elemento.
`border-bottom-color`	Imposta il colore del bordo inferiore dell'elemento.
`border-bottom-left-radius`	Definisce la forma dell'angolo inferiore sinistro dell'elemento.
`border-bottom-right-radius`	Definisce la forma del lato inferiore destro dell'elemento.
`border-bottom-style`	Imposta lo stile del bordo inferiore dell'elemento.
`border-bottom-width`	Imposta la larghezza del bordo inferiore dell'elemento.
`border-color`	Imposta il colore del bordo su tutti e quattro i lati dell'elemento.
`border-image`	Specificare come utilizzare l'immagine per sostituire lo stile del bordo.
`border-image-outset`	Specificare la quantità di area dell'immagine del bordo che supera il margine del bordo.
`border-image-repeat`	Specificare se ripetere, arrotondare o stirare l'immagine del bordo.
`border-image-slice`	Specificare lo spostamento inward del bordo dell'immagine.
`border-image-source`	Specificare la posizione dell'immagine da utilizzare come bordo.
`border-image-width`	Specificare la larghezza del bordo dell'immagine.
`border-left`	Imposta la larghezza, lo stile e il colore del bordo sinistro dell'elemento.
`border-left-color`	Imposta il colore del bordo sinistro dell'elemento.
`border-left-style`	Imposta lo stile del bordo sinistro dell'elemento.
`border-left-width`	Imposta la larghezza del bordo sinistro dell'elemento.
`border-radius`	Definisce la forma dell'angolo di confine dell'elemento.
`border-right`	Imposta la larghezza, lo stile e il colore del bordo destro dell'elemento.
`border-right-color`	Imposta il colore del bordo destro dell'elemento.
`border-right-style`	Imposta lo stile del bordo destro dell'elemento.
`border-right-width`	Imposta la larghezza del bordo destro dell'elemento.
`border-style`	Imposta lo stile del bordo su tutti e quattro i lati dell'elemento.
`border-top`	Imposta la larghezza, lo stile e il colore del bordo superiore dell'elemento.
`border-top-color`	Imposta il colore del bordo superiore dell'elemento.
`border-top-left-radius`	Definisce la forma dell'angolo in alto a sinistra dell'elemento.
`border-top-right-radius`	Definisce la forma dell'angolo in alto a destra dell'elemento.
`border-top-style`	Imposta lo stile del bordo superiore dell'elemento.
`border-top-width`	Imposta la larghezza del bordo superiore dell'elemento.
`border-width`	Imposta la larghezza dei bordi di tutti e quattro i lati dell'elemento.

Attributi di colore (Color)

属性	描述
`color`	Specifica il colore del testo dell'elemento.
`opacity`	Specifica la trasparenza dell'elemento.

Attributi di dimensione (Size)

属性	描述
`height`	Specifica l'altezza dell'elemento.
`max-height`	Specifica l'altezza massima dell'elemento.
`max-width`	Specifica la larghezza massima dell'elemento.
`min-height`	Specifica l'altezza minima dell'elemento.
`min-width`	Specifica la larghezza minima dell'elemento.
`width`	Specifica la larghezza dell'elemento.

Attributi di contenuto (Content)

属性	描述
`content`	Inserisce il contenuto generato.
`quotes`	Specifica il tipo di virgolette delle citazioni incorate.
`counter-reset`	Crea o reimposta un contatore o più contatori.
`counter-increment`	Incrementa un valore di contatore o più valori.

Layout a scatola flessibile (Flex)

属性	描述
`align-content`	Specifica il modo di allineamento degli elementi del contenitore flessibile all'interno del contenitore flessibile.
`align-items`	Specifica il modo di allineamento predefinito degli elementi nel contenitore flessibile.
`align-self`	Specifica il modo di allineamento degli elementi selezionati nel contenitore flessibile.
`flex`	Specifica la componente della lunghezza flessibile.
`flex-basis`	Specifica la dimensione iniziale principale dell'elemento flessibile.
`flex-direction`	Specifica la direzione degli elementi flessibili.
`flex-flow`	`flex-direction`e`flex-wrap`Proprietà abbreviate dell'attributo.
`flex-grow`	Specifica il modo in cui gli elementi flessibili si espandono rispetto agli altri elementi all'interno del contenitore flessibile.
`flex-shrink`	Specifica il modo in cui gli elementi flessibili si restringono rispetto agli altri elementi all'interno del contenitore flessibile.
`flex-wrap`	Specifica se i prodotti flessibili devono essere avvolgenti.
`justify-content`	Specifica come gli elementi flessibili si allineano lungo l'asse principale del contenitore flessibile dopo aver risolto qualsiasi lunghezza flessibile e margine automatico.
`order`	Specifica l'ordine di visualizzazione e layout degli elementi flessibili nel contenitore flessibile.

Attributi di font (Fonts)

属性	描述
`font`	Definisce vari attributi di font in una dichiarazione.
`font-family`	Definisce l'elenco dei font dell'elemento.
`font-size`	定义文本的字体大小。
`Definire la dimensione del carattere del testo.`	font-size-adjust
`Mantieni la leggibilità del testo quando si verifica un fallback del carattere.`	font-stretch
`Scegliere un carattere normale, compresso o espanso dal carattere.`	font-style
`Definire lo stile del carattere del testo.`	font-variant
`Specificare la variante del carattere.`	font-weight

Specificare la spessore del carattere del testo.

属性	描述
`Proprietà dell'elenco (Lists)`	Definire lo stile di visualizzazione di un elenco e degli elementi di elenco.
`list-style-image`	Specificare l'immagine utilizzata come segno di elenco dell'elemento elencato.
`list-style-position`	Specificare la posizione del segno di elenco dell'elemento elencato.
`list-style-type`	Specificare lo stile del segno di elenco per l'elemento elencato.

Proprietà dei margini (Margin)

属性	描述
`margin`	Imposta il margine su tutti e quattro i lati dell'elemento.
`margin-bottom`	Imposta il margine inferiore dell'elemento.
`margin-left`	Imposta il margine sinistro dell'elemento.
`margin-right`	Imposta il margine destro dell'elemento.
`margin-top`	Imposta il margine superiore dell'elemento.

Proprietà di layout multicolumna (Column)

属性	描述
`column-count`	Specificare il numero di colonne in un elemento multicolumna.
`column-fill`	Specificare come riempire le colonne.
`column-gap`	Specificare lo spaziotramento tra le colonne di un elemento multicolumna.
`column-rule`	Specificare la linea o il 'regolo' tracciata tra ogni colonna di un elemento multicolumna.
`column-rule-color`	Specificare il colore del regolare tracciato tra le colonne in una disposizione multicolumna.
`column-rule-style`	Specificare lo stile regolare tracciato tra le colonne in una disposizione multicolumna.
`column-rule-width`	Specificare la larghezza regolare tracciata tra le colonne in una disposizione multicolumna.
`column-span`	Specificare il numero di colonne che l'elemento attraversa in una disposizione multicolumna.
`column-width`	Specificare la larghezza ottimale delle colonne in un elemento multicolumna.
`columns`	Usato per impostare`column-width`e`column-count`Proprietà abbreviate dell'attributo.

Proprietà del contorno (Outline)

属性	描述
`outline`	Imposta la larghezza, lo stile e il colore di tutti e quattro i lati del contorno dell'elemento.
`outline-color`	Imposta il colore del contorno.
`outline-offset`	Imposta lo spazio tra il contorno e il bordo dell'elemento.
`outline-style`	Imposta lo stile del contorno.
`outline-width`	Imposta la larghezza del contorno.

Proprietà di riempimento (Padding)

属性	描述
`padding`	Inserisci il riempimento su tutti e quattro i lati dell'elemento.
`padding-bottom`	将填充设置为元素的底侧。
`padding-left`	将填充设置为元素的左侧。
`padding-right`	将填充设置为元素的右侧。
`padding-top`	将填充设置为元素的顶部。

打印属性(Print)

属性	描述
`page-break-after`	在元素之后插入分页符。
`page-break-before`	在元素之前插入分页符。
`page-break-inside`	在元素内插入分页符。

表属性(Table)

属性	描述
`border-collapse`	指定是连接还是分隔表格单元格边界。
`border-spacing`	设置相邻表格单元格的边界之间的间距。
`caption-side`	指定表格标题的位置。
`empty-cells`	显示或隐藏空表单元格的边框和背景。
`table-layout`	指定表布局算法。

文字属性(Text)

属性	描述
`direction`	定义文本方向/书写方向。
`tab-size`	指定制表符的长度。
`text-align`	设置内联内容的水平对齐方式。
`text-align-last`	指定当`text-align`is　时如何对齐块的最后一行或强制换行符之前的行`justify`。
`text-decoration`	指定添加到文本的装饰。
`text-decoration-color`	指定的颜色`text-decoration-line`。
`text-decoration-line`	指定将哪种线条装饰添加到元素。
`text-decoration-style`	指定`text-decoration-line`属性指定的线条样式
`text-indent`	缩进文本的第一行。
`text-justify`	指定当`text-align`属性设置为时要使用的对正方法`justify`。
`text-overflow`	指定当文本内容溢出块容器时将如何显示。
`text-shadow`	将一个或多个阴影应用于元素的文本内容。
`text-transform`	转换文本的大小写。
`line-height`	设置文本行之间的高度。
`vertical-align`	设置元素相对于当前文本基线的垂直位置。
`letter-spacing`	设置字母之间的额外间距。
`word-spacing`	设置单词之间的间距。
`white-space`	指定如何处理元素内的空白。
`word-break`	指定如何在单词内换行。
`word-wrap`	指定在内容超出其容器边界时是否中断单词。

转换属性(Transform)

属性	描述
`backface-visibility`	指定当面对用户时，转换后的元素的“背面”是否可见。
`perspective`	定义从中查看对象的所有子元素的透视图。
`perspective-origin`	定义透视图属性的原点（3D空间的消失点）。
`transform`	将2D或3D变换应用于元素。
`transform-origin`	定义元素的变换原点。
`transform-style`	指定如何在3D空间中渲染嵌套元素。

过渡属性(Transition)

属性	描述
`transition`	定义元素的两种状态之间的过渡。
`transition-delay`	指定过渡效果何时开始。
`transition-duration`	指定过渡效果要花费的秒数或毫秒数。
`transition-property`	指定应将过渡效果应用到的CSS属性的名称。
`transition-timing-function`	指定过渡效果的速度曲线。

视觉格式属性

属性	描述
`display`	指定元素在屏幕上的显示方式。
`position`	指定如何定位元素。
`top`	指定所定位元素的上边缘的位置。
`right`	指定所定位元素的右边缘的位置。
`bottom`	指定所定位元素底边的位置。
`left`	指定定位元素左边缘的位置。
`float`	指定一个框是否应该浮动。
`clear`	指定相对于浮动元素的元素位置。
`z-index`	指定定位元素的分层或堆叠顺序。
`overflow`	指定对溢出元素框的内容的处理。
`overflow-x`	指定当内容超出元素内容区域的宽度时如何管理内容。
`overflow-y`	指定当内容超出元素内容区域的高度时如何管理内容。
`resize`	指定元素是否可由用户调整大小。
`clip`	定义裁剪区域。
`visibility`	指定一个元素是否可见。
`cursor`	指定游标的类型。
`box-shadow`	将一个或多个阴影应用于元素的框。
`box-sizing`	更改默认的CSS框模型。

Regole @CSS (At-rules)CSS z-index 属性