Todas las propiedades estándar de Css (nivel 1, 2 y 3), selectores y valores, reglas @ y @Medias 14.5.12
Todas las propiedades estándar de Css (nivel 1, 2 y 3), selectores y valores, reglas @ y @Medias
Todas y cada una de las propiedades estándar (status: "recomendación" por el W3c) de los 3 niveles de Css: Css1, Css2.1 y Css3. A continuación todos los selectores, incluidos los del documento "Selectors level 4", las reglas de reglas @Rule, las propiedades @Media queries y los distintos tipos de valores y unidades utilizadas en ellos.
Con enlaces al documento oficial, o traducción reconocida como tal (sidar.org).
Quedan para una ampliación del artículo las parejas "propiedad: 'palabra clave'" o "propiedad: 'cadena texto'".
Propiedades
- azimuth
- background
- background-attachment
- 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-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-decoration-break
- box-shadow
- box-sizing
- caption-side
- clear
- clip
- color
- column
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-span
- column-width
- counter-increment
- counter-reset
- cue
- cue-after
- cue-before
- direction
- display
- elevation
- empty-cells
- float
- font
- font-family
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-variant
- font-weight
- height
- icon
- left
- letter-spacing
- line-height
- list-style
- list-style-image
- list-style-position
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- marker-offset
- marks
- marquee-direction
- marquee-play-count
- marquee-speed
- marquee-style
- max-height
- max-width
- min-height
- min-width
- nav-index
- opacity
- orphans
- outline
- outline-color
- outline-offset
- outline-style
- outline-width
- overflow-style
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- page
- page-break-after
- page-break-before
- page-break-inside
- pause
- pause-after
- pause-before
- pitch
- pitch-range
- play-during
- position
- quotes
- resize
- richness
- right
- ruby-align
- ruby-overhang
- ruby-position
- ruby-span
- size
- speak
- speak-header
- speak-numeral
- speak-punctuation
- speech-rate
- stress
- table-layout
- text-align
- text-decoration
- text-indent
- text-shadow
- text-transform
- top
- unicode-bidi
- vertical-align
- visibility
- voice-family
- volume
- widows
- width
- word-spacing
- z-index
Selectores
- #id
- * (selector universal)
- + (hermano adyacente)
- .class
- .class.class(multiples clases)
- ::after
- ::before
- ::choices
- ::first-letter
- ::first-line
- ::repeat-index
- ::repeat-item
- ::value
- :active
- :after
- :before
- :checked
- :default
- :disabled
- :empty
- :enabled
- :first
- :first-child
- :first-letter
- :first-line
- :first-of-type
- :focus
- :hover
- :in-range
- :invalid
- :lang(idioma)
- :last-child
- :last-of-type
- :left
- :link
- :not()
- :nth-child(n)
- :nth-last-child(n)
- :nth-last-of-type(n)
- :nth-of-type(n)
- :only-child
- :only-of-type
- :optional
- :out-of-range
- :read-only
- :read-write
- :required
- :right
- :root
- :target
- :valid
- :visited
- > (selector de hijo)
- [att$="valor"] (el atributo termina en "valor")
- [att*="valor"] (el atributo contiene "valor")
- [att="valor"] (el atributo es "valor")
- [att] (el tiene un atributo)
- [att^="valor"] (el atributo comienza por "valor")
- [att|="valor"] (su atributo es o comienza por "valor-")
- [att~="valor"] (el atributo contiene "valor" entre espacios en blanco)
- elemento (selector de tag)
- elemento elemento (selector de descendiente)
- | (selector de namespace)
- ~ (selector de hermano)
Reglas @
@Media Queries propiedades
Valores
- #rgb
- % (unidad %)
- 1 / 4 (relación)
- currentColor
- dpcm
Pares Propiedad:Valor palabra clave
- appearance: no incluidas último módulo
- button
- checkbox
- checkbox-group
- combo-box
- desktop
- dialog
- document
- field
- hyperlink
- icon
- list-menu
- menu
- menu-item
- menubar
- outline-tree
- password
- pop-up-menu
- pull-down-menu
- push-button
- radio-button
- radio-group
- range
- signature
- tab
- tooltip
- window
- workspace>
- background-Propiedad:
- -clip:content-box
- -clip:padding-box
- -color:transparent
- -image:url,url
- -repeat:repeat repeat
- -repeat:round
- -repeat:space
- border-color:transparent
- border-image-repeat:'valor'
- repeat
- round
- space
- stretch
- break-after:'valor'
- always
- auto
- avoid
- avoid-column
- avoid-page
- column
- left
- page
- right
- break-before:'valor'
- always
- auto
- avoid
- avoid-column
- avoid-page
- column
- left
- page
- right
- break-inside:'valor'
- auto
- avoid
- avoid-column
- avoid-page
- content:"valor"
- "cadena"
- attr()
- close-quote
- counter()
- counters()
- icon (UI Css3)
- no-close-quote
- no-open-quote
- open-quote
- url()
- cursor:'tipo'
- alias
- all-scroll
- cell
- col-resize
- context-menu
- copy
- crosshair
- default
- e-resize
- help
- move
- n-resize
- ne-resize
- nesw-resize
- no-drop
- not-allowed
- nw-resize
- nwse-resize
- pointer
- progress
- row-resize
- s-resize
- se-resize
- sw-resize
- text
- url(.cur fomat)
- url(.gif fomat)
- vertical-text
- w-resize
- wait
- display:'valor'
- block
- inline
- inline-block
- inline-table
- list-item
- marker (marker)
- none
- ruby (Css Ruby)
- ruby-base
- ruby-base-container
- ruby-text
- ruby-text-container
- run-in
- table
- table-caption
- table-cell
- table-column
- table-column-group
- table-footer-group
- table-header-group
- table-row
- table-row-group
- font:'valor'
- button
- caption
- checkbox
- checkbox-group
- combo-box
- desktop
- dialog
- document
- field
- hyperlink
- icon
- list-menu
- menu
- menu-item
- menubar
- message-box
- outline-tree
- password
- pop-up-menu
- pull-down-menu
- push-button
- radio-button
- radio-group
- range
- signature
- small-caption
- status-bar
- tab
- tooltip
- window
- workspace
- list-style-type:'valor'
- armenian
- circle
- cjk-ideographic
- decimal
- decimal-leading-zero
- disc
- georgian
- hebrew
- hiragana
- hiragana-iroha
- katakana
- katakana-iroha
- lower-alpha
- lower-greek
- lower-latin
- lower-roman
- none
- square
- upper-alpha
- upper-latin
- upper-roman
- nav-PROPIEDAD:'valor'
- -down:#id 'frame'
- -down:#id root
- -down:auto
- -left:#id
- -left:#id 'frame'
- -left:#id root
- -left:auto
- -right:#id
- -right:#id 'frame'
- -right:#id root
- -right:auto
- -up:#id
- -up:#id 'frame'
- -up:#id root
- -up:auto
- outline-color:invert
- page-break-PROPIEDAD:'valor'
- -after:always
- -after:auto
- -after:avoid
- -after:left
- -after:right
- -before:always
- -before:auto
- -before:avoid
- -before:left
- -before:right
- ruby-align:'valor'
- center
- distribute-letter
- distribute-space
- end
- left
- line-edge
- right
- start
- unicode-bidi:bidi-override
- unicode-bidi:embed
- visibility:collapse
- white-space:'valor'
- normal
- nowrap
- pre
- pre-line
- pre-wrap
Adenda
Sí, faltan por incluir aquellas propiedades cuyo valor es una palabra clave o cadena de texto, como display o list-style-propiedad o cursor. Son las que te indicaba al inicio: las formadas por la pareja 'nombre de propiedad' y como valor una palabra clave o una cadena de texto.
Si adviertes algún error en el listado o algún enlace fallido déjalo en un comentario. Gracias.
Kseso
the obCSServer ᛯ Ramajero Argonauta, Enredique Amanuense de CSS.#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Kseso
Yo hace poco descubrí la etiqueta retro "marquee" y fue curioso que buscando sobre su historia y obsolescencia, me encuentro con tu blog jajaja saludos.
ResponderEliminar