Hojas de estilo CSS 3

Recomendaciones CSS 3

Así como CSS 2.1 es una única recomendación, para la elaboración de CSS 3 el W3C eligió un enfoque modular: CSS 3 está dividida en numerosas recomendaciones que abordan cada una un aspecto distinto de las hojas de estilo.

Cada módulo CSS 3 sigue su propio ritmo de desarrollo y los navegadores también siguen su propio ritmo de implementación de las recomendaciones o de sus borradores. En la web del W3C se pueden consultar:

Muchas propiedades que aparecen en los borradores de las futuras recomendaciones de las hojas de estilo CSS 3 ya funcionan en las versiones actuales de los navegadores, pero no lo hacían en las versiones antiguas (especialmente en Internet Explorer 11, el único navegador antiguo que todavía mantiene actualmente -febrero de 2021- una cuota de mercado significativa, aunque sea residual). Por ello, al diseñar un sitio web, el diseñador debe tener en cuenta los navegadores utilizados por los usuarios de ese sitio y decidir en qué momento puede dejar de preocuparse por una determinada versión de un navegador.

Recomendaciones CSS 3 aprobadas

Actualmente (febrero de 2021), el W3C ha aprobado las siguientes recomendaciones CSS 3:

Recomendaciones CSS 3 en elaboración

Actualmente (febrero de 2021), el W3C está elaborando un gran número de recomendaciones CSS 3. Por su parte, los navegadores están implementando muchas de estas recomendaciones aunque todavía estén en elaboración.

En estas páginas se puede consultar el estado de implementación de las recomendaciones en los diferentes navegadores:

Recomendaciones en fase de Candidata a Recomendación (CR) o de Propuesta de Recomendación (PR)

Nombre Borrador Borrador del editor Can I Use ... / Lecciones
CSS Multi-column Layout Module Level 1

CSS Multi-column Layout Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2020 2021 CR WD WD WD WD

Enlace externo WD - 2021-02-12 Enlace externo Columnas
CSS Box Model Module Level 3

CSS Box Model Module Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD CRS

Enlace externo CRS - 2020-12-22 Enlace externo
CSS Text Module Level 3

CSS Text Module Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD WD WD WD LC WD WD WD WD WD WD CRS

Enlace externo CRS - 2020-12-22 Enlace externo
CSS Backgrounds and Borders Level 3

CSS Backgrounds and Borders Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD CR CR CR CR LCWD CR CR CR

Enlace externo CR - 2020-12-22 Enlace externo Fondos - Bordes
CSS Grid Layout Module Level 1

CSS Grid Layout Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD WD WD WD WD WD WD CR CR CR CR CR CR CR

Enlace externo CR - 2020-12-18 Enlace externo Can I use
CSS Grid Layout Module Level 2

CSS Grid Layout Module Level 2 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 FPWD WD WD WD WD CR CR CR

Enlace externo CR - 2020-12-18 Enlace externo Can I use
CSS Display Module Level 3

CSS Display Module Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD WD CR CR CR CR

Enlace externo CR - 2020-12-18 Enlace externo
CSS Images Module Level 3

CSS Images Module Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD CR CR CR

Enlace externo CR - 2020-12-17 Enlace externo
CSS Conditional Rules Module Level 3

CSS Conditional Rules Module Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD CR CR

Enlace externo CR - 2020-12-08 Enlace externo
CSS Cascading and Inheritance Level 4

CSS Cascading and Inheritance Level 4 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD CR CR CR

Enlace externo CR - 2020-08-18 Enlace externo
Media Queries Level 4

Media Queries Level 4 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 FPWD WD WD WD CR CR

Enlace externo CR - 2020-07-21 Enlace externo
CSS Speech Module

CSS Speech Module 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2020 2021 WD WD CR CR

Enlace externo CR - 2020-03-10
CSS Text Decoration Module Level 3

CSS Text Decoration Module Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD WD WD WD WD CR CR CR

Enlace externo CR - 2019-08-13 Enlace externo Decoración de texto
CSS Writing Modes Level 4

CSS Writing Modes Level 4 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD CR CR

Enlace externo CR - 2019-07-30 Enlace externo
CSS Syntax Module Level 3

CSS Syntax Module Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD CR CR

Enlace externo CR - 2019-07-16 Enlace externo
CSS Values and Units Level 3

CSS Values and Units Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD CR CR CR CR CR CR CR CR

Enlace externo CR - 2019-06-06 Enlace externo
CSS Easing Functions Level 1

CSS Easing Functions Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD CR

Enlace externo CR - 2019-04-30 Enlace externo
CSS Scroll Snap Module Level 1

CSS Scroll Snap Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD CR CR CR CR CR CR CR

Enlace externo CR - 2019-03-19 Enlace externo Can I use
CSS Transforms Module Level 1

CSS Transforms Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 FPWD WD WD WD WD CR

Enlace externo CR - 2019-02-14 Enlace externo Can I use Can I use
CSS Fragmentation Module Level 3

CSS Fragmentation Module Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD CR CR CR

Enlace externo CR - 2018-12-04 Enlace externo
Geometry Interfaces Module Level 1

Geometry Interfaces Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD CR CR

Enlace externo CR - 2018-12-04 Enlace externo
CSS Flexible Box Layout Module Level 1

CSS Flexible Box Layout Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD CR WD WD WD CR CR CR CR

Enlace externo CR - 2018-11-19 Enlace externo Can I use
CSS Counter Styles Level 3

CSS Counter Styles Level 3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD CR CR CR

Enlace externo CR - 2017-12-14 Enlace externo
CSS Custom Properties for Cascading Variables Module Level 1

CSS Custom Properties for Cascading Variables Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD CR

Enlace externo CR - 2015-12-03 Enlace externo
CSS Will Change Module Level 1

CSS Will Change Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD CR

Enlace externo CR - 2015-12-03 Enlace externo
Compositing and Blending Level 1

Compositing and Blending Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD LCWD CR CR

Enlace externo CR - 2015-01-13 Enlace externo
CSS Masking Module Level 1

CSS Masking Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD WD WD WD CR

Enlace externo CR - 2014-08-26 Enlace externo Can I use
CSS Shapes Module Level 1

CSS Shapes Module Level 1 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 WD WD CR

Enlace externo CR - 2014-03-20 Enlace externo

Recomendaciones en fase de Borrador de Trabajo (WD)

Nombre Borrador Borrador del editor Lecciones
CSS Cascading and Inheritance Level 5 Enlace externo WD - 2021-01-19 Enlace externo
CSS Pseudo-Elements Module Level 4 Enlace externo WD - 2020-12-31 Enlace externo
CSS Box Sizing Module Level 3 Enlace externo WD - 2020-12-18 Enlace externo
CSS Containment Module Level 2 Enlace externo WD - 2020-12-16 Enlace externo
CSS Fonts Module Level 4 Enlace externo WD - 2020-11-17 Enlace externo
CSS Lists and Counters Module Level 3 Enlace externo WD - 2020-11-17 Enlace externo
CSS Color Module Level 4 Enlace externo WD - 2020-11-12 Enlace externo
CSS Values and Units Module Level 4 Enlace externo WD - 2020-11-11 Enlace externo
CSS Scroll Anchoring Module Level 1 Enlace externo WD - 2020-11-11 Enlace externo
CSS Color Adjustment Module Level 1 Enlace externo WD - 2020-11-09 Enlace externo
CSS Box Sizing Module Level 4 Enlace externo WD - 2020-10-20 Enlace externo
CSS Inline Layout Module Level 3 Enlace externo WD - 2020-08-27 Enlace externo
Media Queries Level 5 Enlace externo WD - 2020-07-31 Enlace externo
CSS Overflow Module Level 3 Enlace externo WD - 2020-06-03 Enlace externo
CSS Positioned Layout Module Level 3 Enlace externo WD - 2020-05-19 Enlace externo
CSS Text Decoration Module Level 4 Enlace externo WD - 2020-05-06 Enlace externo
CSS Ruby Layout Module Level 1 Enlace externo WD - 2020-04-29 Enlace externo
CSS Box Alignment Module Level 3 Enlace externo WD - 2020-04-21 Enlace externo
CSS Box Model Module Level 4 Enlace externo WD - 2020-04-21 Enlace externo
CSS Color Module Level 5 Enlace externo FPWD - 2020-03-03 Enlace externo
CSS Transforms Module Level 2 Enlace externo FPWD - 2020-03-03 Enlace externo
CSS Conditional Rules Module Level 4 Enlace externo FPWD - 2020-03-03 Enlace externo
CSS Basic User Interface Module Level 4 Enlace externo WD - 2020-01-24 Enlace externo
CSS Spatial Navigation Level 1 Enlace externo WD - 2019-11-26 Enlace externo
CSS Text Module Level 4 Enlace externo WD - 2019-11-13 Enlace externo
CSS Generated Content Module Level 3 Enlace externo WD - 2019-08-02 Enlace externo
CSS Table Module Level 3 Enlace externo WD - 2019-07-27 Enlace externo
CSS Overscroll Behavior Module Level 1 Enlace externo FPWD - 2019-06-06 Enlace externo
CSS Intrinsic & Extrinsic Sizing Module Level 3 Enlace externo WD - 2019-05-22 Enlace externo
Filter Effects Module Level 1 Enlace externo WD - 2018-12-18 Enlace externo
Motion Path Module Level 1 Enlace externo WD - 2018-12-18 Enlace externo
CSS Fragmentation Module Level 4 Enlace externo WD - 2018-12-18 Enlace externo
Selectors Level 4 Enlace externo WD - 2018-11-21 Enlace externo
CSS Shadow Parts Enlace externo FPWD - 2018-11-15 Enlace externo
CSS Paged Media Module Level 3 Enlace externo WD - 2018-10-18 Enlace externo
Web Animations Enlace externo WD - 2018-10-11 Enlace externo
CSS Transitions Enlace externo WD - 2018-10-11 Enlace externo
CSS Animations Level 1 Enlace externo WD - 2018-10-11 Enlace externo Can I use
CSS Scrollbars Module Level 1 Enlace externo FPWD - 2018-09-25 Enlace externo
CSS Logical Properties and Values Level 1 Enlace externo WD - 2018-08-27 Enlace externo
CSS Overflow Module Level 4 Enlace externo WD - 2017-06-13 Enlace externo
CSS Image Values and Replaced Content Module Level 4 Enlace externo WD - 2017-04-13 Enlace externo
CSS Fill and Stroke Module Level 3 Enlace externo WD - 2017-04-13 Enlace externo
CSS Rhythmic Sizing Enlace externo WD - 2017-03-02 Enlace externo
CSS Round Display Level 1 Enlace externo WD - 2016-12-22 Enlace externo
CSS 2.2 Specification Enlace externo WD - 2016-04-12 Enlace externo
CSS Device Adaptation Module Level 1 Enlace externo WD - 2016-03-29 Enlace externo
CSS Page Floats Enlace externo WD - 2015-09-15 Enlace externo
CSS Exclusions Module Level 1 Enlace externo WD - 2015-01-15 Enlace externo
CSS Regions Module Level 1 Enlace externo WD - 2014-10-09 Enlace externo
CSS Line Grid Module Level 1 Enlace externo WD - 2014-09-16 Enlace externo
CSS Font Loading Module Level 3 Enlace externo LC - 2014-05-22 Enlace externo
CSS Generated Content for Paged Media Module Enlace externo WD - 2014-05-13 Enlace externo
CSS Scoping Module Level 1 Enlace externo WD - 2014-04-03 Enlace externo

Otros