blitz-pdf 0.0.0-stage → 0.1.0

package/vendor/stylo/properties/shorthands.rs

@@ -0,0 +1,4241 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+//! Manual shorthand parsing and serialization
+#![allow(missing_docs)]
+
+use crate::parser::{Parse, ParserContext};
+use crate::values::specified;
+use cssparser::Parser;
+use std::fmt::{self, Write};
+use style_traits::{
+    values::SequenceWriter, CssWriter, KeywordsCollectFn, ParseError, SpecifiedValueInfo,
+    StyleParseErrorKind, ToCss,
+};
+
+macro_rules! expanded {
+    ( $( $name: ident: $value: expr ),+ ) => {
+        expanded!( $( $name: $value, )+ )
+    };
+    ( $( $name: ident: $value: expr, )+ ) => {
+        Longhands {
+            $(
+                $name: $crate::properties::MaybeBoxed::maybe_boxed($value),
+            )+
+        }
+    }
+}
+pub(crate) use expanded;
+
+macro_rules! try_parse_one {
+    ($context: expr, $input: expr, $var: ident, $parse_path: path) => {
+        if $var.is_none() {
+            if let Ok(value) = $input.try_parse(|i| $parse_path($context, i)) {
+                $var = Some(value);
+                continue;
+            }
+        }
+    };
+    ($input: expr, $var: ident, $parse_path: path) => {
+        if $var.is_none() {
+            if let Ok(value) = $input.try_parse(|i| $parse_path(i)) {
+                $var = Some(value);
+                continue;
+            }
+        }
+    };
+}
+
+macro_rules! unwrap_or_initial {
+    ($prop: ident) => {
+        unwrap_or_initial!($prop, $prop)
+    };
+    ($prop: ident, $expr: expr) => {
+        $expr.unwrap_or_else(|| $prop::get_initial_specified_value())
+    };
+}
+
+/// Serializes a border shorthand value composed of width/style/color.
+pub fn serialize_directional_border<W>(
+    dest: &mut CssWriter<W>,
+    width: &specified::BorderSideWidth,
+    style: &specified::BorderStyle,
+    color: &specified::Color,
+) -> fmt::Result
+where
+    W: Write,
+{
+    use specified::{BorderSideWidth, BorderStyle, Color};
+    let has_style = *style != BorderStyle::None;
+    let has_color = *color != Color::CurrentColor;
+    let has_width = *width != BorderSideWidth::medium();
+    if !has_style && !has_color && !has_width {
+        return width.to_css(dest);
+    }
+    let mut writer = SequenceWriter::new(dest, " ");
+    if has_width {
+        writer.item(width)?;
+    }
+    if has_style {
+        writer.item(style)?;
+    }
+    if has_color {
+        writer.item(color)?;
+    }
+    Ok(())
+}
+
+pub fn parse_border(
+    context: &ParserContext,
+    input: &mut Parser,
+) -> Result<
+    (
+        specified::BorderSideWidth,
+        specified::BorderStyle,
+        specified::Color,
+    ),
+    ParseError,
+> {
+    use crate::values::specified::{BorderSideWidth, BorderStyle, Color};
+    let mut color = None;
+    let mut style = None;
+    let mut width = None;
+    let mut parsed = 0;
+    loop {
+        parsed += 1;
+        try_parse_one!(context, input, width, BorderSideWidth::parse);
+        try_parse_one!(input, style, BorderStyle::parse);
+        try_parse_one!(context, input, color, Color::parse);
+        parsed -= 1;
+        break;
+    }
+    if parsed == 0 {
+        return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+    }
+    Ok((
+        width.unwrap_or(BorderSideWidth::medium()),
+        style.unwrap_or(BorderStyle::None),
+        color.unwrap_or(Color::CurrentColor),
+    ))
+}
+
+pub mod border_block {
+    use super::*;
+    pub use crate::properties::generated::shorthands::border_block::*;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let (width, style, color) = super::parse_border(context, input)?;
+        Ok(Longhands {
+            border_block_start_width: width.clone(),
+            border_block_start_style: style,
+            border_block_start_color: color.clone(),
+            border_block_end_width: width,
+            border_block_end_style: style,
+            border_block_end_color: color,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            // FIXME: Should serialize empty if start != end, right?
+            super::serialize_directional_border(
+                dest,
+                self.border_block_start_width,
+                self.border_block_start_style,
+                self.border_block_start_color,
+            )
+        }
+    }
+}
+
+pub mod border_inline {
+    use super::*;
+    pub use crate::properties::generated::shorthands::border_inline::*;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let (width, style, color) = super::parse_border(context, input)?;
+        Ok(Longhands {
+            border_inline_start_width: width.clone(),
+            border_inline_start_style: style,
+            border_inline_start_color: color.clone(),
+            border_inline_end_width: width,
+            border_inline_end_style: style,
+            border_inline_end_color: color,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            // FIXME: Should serialize empty if start != end, right?
+            super::serialize_directional_border(
+                dest,
+                self.border_inline_start_width,
+                self.border_inline_start_style,
+                self.border_inline_start_color,
+            )
+        }
+    }
+}
+
+pub mod border_radius {
+    pub use crate::properties::generated::shorthands::border_radius::*;
+
+    use super::*;
+    use crate::values::generics::border::BorderCornerRadius;
+    use crate::values::generics::rect::Rect;
+    use crate::values::specified::BorderRadius;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let radii = BorderRadius::parse(context, input)?;
+        Ok(expanded! {
+            border_top_left_radius: radii.top_left,
+            border_top_right_radius: radii.top_right,
+            border_bottom_right_radius: radii.bottom_right,
+            border_bottom_left_radius: radii.bottom_left,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let LonghandsToSerialize {
+                border_top_left_radius: BorderCornerRadius(tl),
+                border_top_right_radius: BorderCornerRadius(tr),
+                border_bottom_right_radius: BorderCornerRadius(br),
+                border_bottom_left_radius: BorderCornerRadius(bl),
+            } = *self;
+
+            let widths = Rect::new(tl.width(), tr.width(), br.width(), bl.width());
+            let heights = Rect::new(tl.height(), tr.height(), br.height(), bl.height());
+
+            BorderRadius::serialize_rects(widths, heights, dest)
+        }
+    }
+}
+
+pub mod corner_shape {
+    pub use crate::properties::generated::shorthands::corner_shape::*;
+
+    use super::*;
+    use crate::values::generics::rect::Rect;
+    use crate::values::specified::CornerShape;
+
+    /// Parses 1-4 `<corner-shape-value>` tokens with the standard CSS 4-side
+    /// shorthand expansion (top, right, bottom, left).
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let rect = Rect::parse_with(context, input, CornerShape::parse)?;
+        Ok(expanded! {
+            corner_top_left_shape: rect.0,
+            corner_top_right_shape: rect.1,
+            corner_bottom_right_shape: rect.2,
+            corner_bottom_left_shape: rect.3,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            Rect::new(
+                self.corner_top_left_shape,
+                self.corner_top_right_shape,
+                self.corner_bottom_right_shape,
+                self.corner_bottom_left_shape,
+            )
+            .to_css(dest)
+        }
+    }
+}
+
+pub mod border_image {
+    pub use crate::properties::generated::shorthands::border_image::*;
+
+    use super::*;
+    use crate::properties::longhands::{
+        border_image_outset, border_image_repeat, border_image_slice, border_image_source,
+        border_image_width,
+    };
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut outset = border_image_outset::get_initial_specified_value();
+        let mut repeat = border_image_repeat::get_initial_specified_value();
+        let mut slice = border_image_slice::get_initial_specified_value();
+        let mut source = border_image_source::get_initial_specified_value();
+        let mut width = border_image_width::get_initial_specified_value();
+        let mut any = false;
+        let mut parsed_slice = false;
+        let mut parsed_source = false;
+        let mut parsed_repeat = false;
+        loop {
+            if !parsed_slice {
+                if let Ok(value) =
+                    input.try_parse(|input| border_image_slice::parse(context, input))
+                {
+                    parsed_slice = true;
+                    any = true;
+                    slice = value;
+                    // Parse border image width and outset, if applicable.
+                    let maybe_width_outset: Result<_, ParseError> = input.try_parse(|input| {
+                        input.expect_delim('/')?;
+
+                        // Parse border image width, if applicable.
+                        let w = input
+                            .try_parse(|input| border_image_width::parse(context, input))
+                            .ok();
+
+                        // Parse border image outset if applicable.
+                        let o = input
+                            .try_parse(|input| {
+                                input.expect_delim('/')?;
+                                border_image_outset::parse(context, input)
+                            })
+                            .ok();
+                        if w.is_none() && o.is_none() {
+                            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+                        }
+                        Ok((w, o))
+                    });
+                    if let Ok((w, o)) = maybe_width_outset {
+                        if let Some(w) = w {
+                            width = w;
+                        }
+                        if let Some(o) = o {
+                            outset = o;
+                        }
+                    }
+                    continue;
+                }
+            }
+            if !parsed_source {
+                if let Ok(value) =
+                    input.try_parse(|input| border_image_source::parse(context, input))
+                {
+                    source = value;
+                    parsed_source = true;
+                    any = true;
+                    continue;
+                }
+            }
+            if !parsed_repeat {
+                if let Ok(value) =
+                    input.try_parse(|input| border_image_repeat::parse(context, input))
+                {
+                    repeat = value;
+                    parsed_repeat = true;
+                    any = true;
+                    continue;
+                }
+            }
+            break;
+        }
+        if !any {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+        Ok(expanded! {
+           border_image_outset: outset,
+           border_image_repeat: repeat,
+           border_image_slice: slice,
+           border_image_source: source,
+           border_image_width: width,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let mut has_any = false;
+            let has_source =
+                *self.border_image_source != border_image_source::get_initial_specified_value();
+            has_any = has_any || has_source;
+            let has_slice =
+                *self.border_image_slice != border_image_slice::get_initial_specified_value();
+            has_any = has_any || has_slice;
+            let has_outset =
+                *self.border_image_outset != border_image_outset::get_initial_specified_value();
+            has_any = has_any || has_outset;
+            let has_width =
+                *self.border_image_width != border_image_width::get_initial_specified_value();
+            has_any = has_any || has_width;
+            let has_repeat =
+                *self.border_image_repeat != border_image_repeat::get_initial_specified_value();
+            has_any = has_any || has_repeat;
+            if has_source || !has_any {
+                self.border_image_source.to_css(dest)?;
+                if !has_any {
+                    return Ok(());
+                }
+            }
+            let needs_slice = has_slice || has_width || has_outset;
+            if needs_slice {
+                if has_source {
+                    dest.write_char(' ')?;
+                }
+                self.border_image_slice.to_css(dest)?;
+                if has_width || has_outset {
+                    dest.write_str(" /")?;
+                    if has_width {
+                        dest.write_char(' ')?;
+                        self.border_image_width.to_css(dest)?;
+                    }
+                    if has_outset {
+                        dest.write_str(" / ")?;
+                        self.border_image_outset.to_css(dest)?;
+                    }
+                }
+            }
+            if has_repeat {
+                if has_source || needs_slice {
+                    dest.write_char(' ')?;
+                }
+                self.border_image_repeat.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod border {
+    pub use crate::properties::generated::shorthands::border::*;
+
+    use super::*;
+    pub use crate::properties::generated::shorthands::border_left;
+    use crate::properties::longhands::{
+        border_image_outset, border_image_repeat, border_image_slice, border_image_source,
+        border_image_width,
+    };
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let (width, style, color) = super::parse_border(context, input)?;
+        Ok(expanded! {
+            border_top_width: width.clone(),
+            border_top_style: style,
+            border_top_color: color.clone(),
+            border_right_width: width.clone(),
+            border_right_style: style,
+            border_right_color: color.clone(),
+            border_bottom_width: width.clone(),
+            border_bottom_style: style,
+            border_bottom_color: color.clone(),
+            border_left_width: width.clone(),
+            border_left_style: style,
+            border_left_color: color.clone(),
+
+            // The 'border' shorthand resets 'border-image' to its initial value.
+            // See https://drafts.csswg.org/css-backgrounds-3/#the-border-shorthands
+            border_image_outset: border_image_outset::get_initial_specified_value(),
+            border_image_repeat: border_image_repeat::get_initial_specified_value(),
+            border_image_slice: border_image_slice::get_initial_specified_value(),
+            border_image_source: border_image_source::get_initial_specified_value(),
+            border_image_width: border_image_width::get_initial_specified_value(),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use crate::properties::longhands;
+
+            // If any of the border-image longhands differ from their initial specified values we should not
+            // invoke serialize_directional_border(), so there is no point in continuing on to compute all_equal.
+            if *self.border_image_outset
+                != longhands::border_image_outset::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            if *self.border_image_repeat
+                != longhands::border_image_repeat::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            if *self.border_image_slice
+                != longhands::border_image_slice::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            if *self.border_image_source
+                != longhands::border_image_source::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            if *self.border_image_width
+                != longhands::border_image_width::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+
+            let all_equal = {
+                let border_top_width = self.border_top_width;
+                let border_top_style = self.border_top_style;
+                let border_top_color = self.border_top_color;
+                let border_right_width = self.border_right_width;
+                let border_right_style = self.border_right_style;
+                let border_right_color = self.border_right_color;
+                let border_bottom_width = self.border_bottom_width;
+                let border_bottom_style = self.border_bottom_style;
+                let border_bottom_color = self.border_bottom_color;
+                let border_left_width = self.border_left_width;
+                let border_left_style = self.border_left_style;
+                let border_left_color = self.border_left_color;
+
+                border_top_width == border_right_width
+                    && border_right_width == border_bottom_width
+                    && border_bottom_width == border_left_width
+                    && border_top_style == border_right_style
+                    && border_right_style == border_bottom_style
+                    && border_bottom_style == border_left_style
+                    && border_top_color == border_right_color
+                    && border_right_color == border_bottom_color
+                    && border_bottom_color == border_left_color
+            };
+
+            // If all longhands are all present, then all sides should be the same,
+            // so we can just one set of color/style/width
+            if !all_equal {
+                return Ok(());
+            }
+            super::serialize_directional_border(
+                dest,
+                self.border_left_width,
+                self.border_left_style,
+                self.border_left_color,
+            )
+        }
+    }
+
+    // We need to implement this by hand because deriving this would also derive border-image,
+    // which this property only resets. Just use the same as border-left for simplicity.
+    impl SpecifiedValueInfo for Longhands {
+        const SUPPORTED_TYPES: u8 = border_left::Longhands::SUPPORTED_TYPES;
+
+        fn collect_completion_keywords(f: KeywordsCollectFn) {
+            border_left::Longhands::collect_completion_keywords(f);
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod container {
+    use super::*;
+    pub use crate::properties::generated::shorthands::container::*;
+
+    use crate::values::specified::{ContainerName, ContainerType};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        // See https://github.com/w3c/csswg-drafts/issues/7180 for why we don't match the spec.
+        let container_name = ContainerName::parse(context, input)?;
+        let container_type = if input.try_parse(|input| input.expect_delim('/')).is_ok() {
+            ContainerType::parse(context, input)?
+        } else {
+            ContainerType::NORMAL
+        };
+        Ok(expanded! {
+            container_name: container_name,
+            container_type: container_type,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            self.container_name.to_css(dest)?;
+            if !self.container_type.is_normal() {
+                dest.write_str(" / ")?;
+                self.container_type.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod vertical_align {
+    use super::*;
+    pub use crate::properties::generated::shorthands::vertical_align::*;
+
+    use crate::values::specified::{AlignmentBaseline, BaselineShift, BaselineSource};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut baseline_source = None;
+        let mut alignment_baseline = None;
+        let mut baseline_shift = None;
+        let mut parsed = 0;
+
+        loop {
+            parsed += 1;
+
+            try_parse_one!(input, baseline_source, BaselineSource::parse_non_auto);
+            try_parse_one!(input, alignment_baseline, AlignmentBaseline::parse);
+            try_parse_one!(context, input, baseline_shift, BaselineShift::parse);
+
+            parsed -= 1;
+            break;
+        }
+
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        Ok(expanded! {
+            baseline_source: baseline_source.unwrap_or(BaselineSource::Auto),
+            alignment_baseline: alignment_baseline.unwrap_or(AlignmentBaseline::Baseline),
+            baseline_shift: baseline_shift.unwrap_or(BaselineShift::zero()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let mut writer = SequenceWriter::new(dest, " ");
+            if *self.baseline_source != BaselineSource::Auto {
+                writer.item(self.baseline_source)?;
+            }
+            if *self.alignment_baseline != AlignmentBaseline::Baseline {
+                writer.item(self.alignment_baseline)?;
+            }
+            if *self.baseline_shift != BaselineShift::zero() {
+                writer.item(self.baseline_shift)?;
+            }
+            if !writer.has_written() {
+                self.alignment_baseline.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod offset {
+    use super::*;
+    pub use crate::properties::generated::shorthands::offset::*;
+    use crate::values::specified::{
+        LengthPercentage, OffsetPath, OffsetPosition, OffsetRotate, PositionOrAuto,
+    };
+    use crate::Zero;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let offset_position = input.try_parse(|i| OffsetPosition::parse(context, i)).ok();
+        let offset_path = input.try_parse(|i| OffsetPath::parse(context, i)).ok();
+
+        // Must have one of [offset-position, offset-path].
+        // FIXME: The syntax is out-of-date after the update of the spec.
+        if offset_position.is_none() && offset_path.is_none() {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        let mut offset_distance = None;
+        let mut offset_rotate = None;
+        // offset-distance and offset-rotate are grouped with offset-path.
+        if offset_path.is_some() {
+            loop {
+                if offset_distance.is_none() {
+                    if let Ok(value) = input.try_parse(|i| LengthPercentage::parse(context, i)) {
+                        offset_distance = Some(value);
+                    }
+                }
+
+                if offset_rotate.is_none() {
+                    if let Ok(value) = input.try_parse(|i| OffsetRotate::parse(context, i)) {
+                        offset_rotate = Some(value);
+                        continue;
+                    }
+                }
+                break;
+            }
+        }
+
+        let offset_anchor = input
+            .try_parse(|i| {
+                i.expect_delim('/')?;
+                PositionOrAuto::parse(context, i)
+            })
+            .ok();
+
+        Ok(expanded! {
+            offset_position: offset_position.unwrap_or(OffsetPosition::normal()),
+            offset_path: offset_path.unwrap_or(OffsetPath::none()),
+            offset_distance: offset_distance.unwrap_or(LengthPercentage::zero()),
+            offset_rotate: offset_rotate.unwrap_or(OffsetRotate::auto()),
+            offset_anchor: offset_anchor.unwrap_or(PositionOrAuto::auto()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            // The basic concept is: we must serialize offset-position or offset-path group.
+            // offset-path group means "offset-path offset-distance offset-rotate".
+            let must_serialize_path = *self.offset_path != OffsetPath::None
+                || (!self.offset_distance.is_zero() || !self.offset_rotate.is_auto());
+            let position_is_default = matches!(self.offset_position, OffsetPosition::Normal);
+            if !position_is_default || !must_serialize_path {
+                self.offset_position.to_css(dest)?;
+            }
+
+            if must_serialize_path {
+                if !position_is_default {
+                    dest.write_char(' ')?;
+                }
+                self.offset_path.to_css(dest)?;
+            }
+
+            if !self.offset_distance.is_zero() {
+                dest.write_char(' ')?;
+                self.offset_distance.to_css(dest)?;
+            }
+
+            if !self.offset_rotate.is_auto() {
+                dest.write_char(' ')?;
+                self.offset_rotate.to_css(dest)?;
+            }
+
+            if *self.offset_anchor != PositionOrAuto::auto() {
+                dest.write_str(" / ")?;
+                self.offset_anchor.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod columns {
+    pub use crate::properties::generated::shorthands::columns::*;
+
+    use super::*;
+    use crate::properties::longhands::{column_count, column_width};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut column_count = None;
+        let mut column_width = None;
+        let mut autos = 0;
+
+        loop {
+            if input
+                .try_parse(|input| input.expect_ident_matching("auto"))
+                .is_ok()
+            {
+                // Leave the options to None, 'auto' is the initial value.
+                autos += 1;
+                continue;
+            }
+
+            if column_count.is_none() {
+                if let Ok(value) = input.try_parse(|input| column_count::parse(context, input)) {
+                    column_count = Some(value);
+                    continue;
+                }
+            }
+
+            if column_width.is_none() {
+                if let Ok(value) = input.try_parse(|input| column_width::parse(context, input)) {
+                    column_width = Some(value);
+                    continue;
+                }
+            }
+
+            break;
+        }
+
+        let values = autos + column_count.iter().len() + column_width.iter().len();
+        if values == 0 || values > 2 {
+            Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError))
+        } else {
+            Ok(expanded! {
+                column_count: unwrap_or_initial!(column_count),
+                column_width: unwrap_or_initial!(column_width),
+            })
+        }
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            if self.column_width.is_auto() {
+                return self.column_count.to_css(dest);
+            }
+            self.column_width.to_css(dest)?;
+            if !self.column_count.is_auto() {
+                dest.write_char(' ')?;
+                self.column_count.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod column_rule {
+    pub use crate::properties::generated::shorthands::column_rule::*;
+
+    use super::*;
+    use crate::properties::longhands::column_rule_color;
+    use crate::properties::longhands::{column_rule_style, column_rule_width};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut column_rule_width = None;
+        let mut column_rule_style = None;
+        let mut column_rule_color = None;
+        let mut parsed = 0;
+        loop {
+            parsed += 1;
+            try_parse_one!(context, input, column_rule_width, column_rule_width::parse);
+            try_parse_one!(context, input, column_rule_style, column_rule_style::parse);
+            try_parse_one!(context, input, column_rule_color, column_rule_color::parse);
+            parsed -= 1;
+            break;
+        }
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+        Ok(expanded! {
+            column_rule_width: unwrap_or_initial!(column_rule_width),
+            column_rule_style: unwrap_or_initial!(column_rule_style),
+            column_rule_color: unwrap_or_initial!(column_rule_color),
+        })
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod text_wrap {
+    pub use crate::properties::generated::shorthands::text_wrap::*;
+
+    use super::*;
+    use crate::properties::longhands::{text_wrap_mode, text_wrap_style};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut mode = None;
+        let mut style = None;
+        let mut parsed = 0;
+        loop {
+            parsed += 1;
+            try_parse_one!(context, input, mode, text_wrap_mode::parse);
+            try_parse_one!(context, input, style, text_wrap_style::parse);
+            parsed -= 1;
+            break;
+        }
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+        Ok(expanded! {
+            text_wrap_mode: unwrap_or_initial!(text_wrap_mode, mode),
+            text_wrap_style: unwrap_or_initial!(text_wrap_style, style),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use text_wrap_mode::computed_value::T as Mode;
+            use text_wrap_style::computed_value::T as Style;
+
+            if matches!(self.text_wrap_style, &Style::Auto) {
+                return self.text_wrap_mode.to_css(dest);
+            }
+
+            if *self.text_wrap_mode != Mode::Wrap {
+                self.text_wrap_mode.to_css(dest)?;
+                dest.write_char(' ')?;
+            }
+
+            self.text_wrap_style.to_css(dest)
+        }
+    }
+}
+
+pub mod white_space {
+    pub use crate::properties::generated::shorthands::white_space::*;
+
+    use super::*;
+    use crate::properties::longhands::{text_wrap_mode, white_space_collapse};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        use text_wrap_mode::computed_value::T as Wrap;
+        use white_space_collapse::computed_value::T as Collapse;
+
+        fn parse_special_shorthands(input: &mut Parser) -> Result<Longhands, ParseError> {
+            let (mode, collapse) = try_match_ident_ignore_ascii_case! { input,
+                "normal" => (Wrap::Wrap, Collapse::Collapse),
+                "pre" => (Wrap::Nowrap, Collapse::Preserve),
+                "pre-wrap" => (Wrap::Wrap, Collapse::Preserve),
+                "pre-line" => (Wrap::Wrap, Collapse::PreserveBreaks),
+            };
+            Ok(expanded! {
+                text_wrap_mode: mode,
+                white_space_collapse: collapse,
+            })
+        }
+
+        if let Ok(result) = input.try_parse(parse_special_shorthands) {
+            return Ok(result);
+        }
+
+        let mut wrap = None;
+        let mut collapse = None;
+        let mut parsed = 0;
+
+        loop {
+            parsed += 1;
+            try_parse_one!(context, input, wrap, text_wrap_mode::parse);
+            try_parse_one!(context, input, collapse, white_space_collapse::parse);
+            parsed -= 1;
+            break;
+        }
+
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        Ok(expanded! {
+            text_wrap_mode: unwrap_or_initial!(text_wrap_mode, wrap),
+            white_space_collapse: unwrap_or_initial!(white_space_collapse, collapse),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use text_wrap_mode::computed_value::T as Wrap;
+            use white_space_collapse::computed_value::T as Collapse;
+
+            match *self.text_wrap_mode {
+                Wrap::Wrap => match *self.white_space_collapse {
+                    Collapse::Collapse => return dest.write_str("normal"),
+                    Collapse::Preserve => return dest.write_str("pre-wrap"),
+                    Collapse::PreserveBreaks => return dest.write_str("pre-line"),
+                    _ => (),
+                },
+                Wrap::Nowrap => {
+                    if let Collapse::Preserve = *self.white_space_collapse {
+                        return dest.write_str("pre");
+                    }
+                },
+            }
+
+            let mut has_value = false;
+            if *self.white_space_collapse != Collapse::Collapse {
+                self.white_space_collapse.to_css(dest)?;
+                has_value = true;
+            }
+
+            if *self.text_wrap_mode != Wrap::Wrap {
+                if has_value {
+                    dest.write_char(' ')?;
+                }
+                self.text_wrap_mode.to_css(dest)?;
+            }
+
+            Ok(())
+        }
+    }
+
+    impl SpecifiedValueInfo for Longhands {
+        fn collect_completion_keywords(f: KeywordsCollectFn) {
+            // Collect keywords from our longhands.
+            text_wrap_mode::SpecifiedValue::collect_completion_keywords(f);
+            white_space_collapse::SpecifiedValue::collect_completion_keywords(f);
+
+            // Add the special values supported only by the shorthand
+            // (see parse_special_shorthands() above).
+            f(&["normal", "pre", "pre-wrap", "pre-line"])
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod _webkit_text_stroke {
+    pub use crate::properties::generated::shorthands::_webkit_text_stroke::*;
+
+    use super::*;
+    use crate::properties::longhands::{_webkit_text_stroke_color, _webkit_text_stroke_width};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut color = None;
+        let mut width = None;
+        let mut parsed = 0;
+        loop {
+            parsed += 1;
+            try_parse_one!(context, input, color, _webkit_text_stroke_color::parse);
+            try_parse_one!(context, input, width, _webkit_text_stroke_width::parse);
+            parsed -= 1;
+            break;
+        }
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+        Ok(expanded! {
+            _webkit_text_stroke_color: unwrap_or_initial!(_webkit_text_stroke_color, color),
+            _webkit_text_stroke_width: unwrap_or_initial!(_webkit_text_stroke_width, width),
+        })
+    }
+}
+
+pub mod list_style {
+    pub use crate::properties::generated::shorthands::list_style::*;
+
+    use super::*;
+    use crate::properties::longhands::{list_style_image, list_style_position, list_style_type};
+    use crate::values::specified::Image;
+    use selectors::parser::SelectorParseErrorKind;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        // `none` is ambiguous until we've finished parsing the shorthands, so we count the number
+        // of times we see it.
+        let mut nones = 0u8;
+        let (mut image, mut position, mut list_style_type) = (None, None, None);
+        let mut parsed = 0;
+        loop {
+            parsed += 1;
+
+            if input
+                .try_parse(|input| input.expect_ident_matching("none"))
+                .is_ok()
+            {
+                nones += 1;
+                if nones > 2 {
+                    return Err(ParseError::custom(SelectorParseErrorKind::UnexpectedIdent));
+                }
+                continue;
+            }
+
+            try_parse_one!(context, input, image, list_style_image::parse);
+            try_parse_one!(context, input, position, list_style_position::parse);
+            // list-style-type must be checked the last, because it accepts
+            // arbitrary identifier for custom counter style, and thus may
+            // affect values of list-style-position.
+            try_parse_one!(context, input, list_style_type, list_style_type::parse);
+
+            parsed -= 1;
+            break;
+        }
+
+        let position = unwrap_or_initial!(list_style_position, position);
+
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        // If there are two `none`s, then we can't have a type or image; if there is one `none`,
+        // then we can't have both a type *and* an image; if there is no `none` then we're fine as
+        // long as we parsed something.
+        use self::list_style_type::SpecifiedValue as ListStyleType;
+        match (nones, list_style_type, image) {
+            (2, None, None) => Ok(expanded! {
+                list_style_position: position,
+                list_style_image: Image::None,
+                list_style_type: ListStyleType::none(),
+            }),
+            (1, None, Some(image)) => Ok(expanded! {
+                list_style_position: position,
+                list_style_image: image,
+                list_style_type: ListStyleType::none(),
+            }),
+            (1, Some(list_style_type), None) => Ok(expanded! {
+                list_style_position: position,
+                list_style_image: Image::None,
+                list_style_type: list_style_type,
+            }),
+            (1, None, None) => Ok(expanded! {
+                list_style_position: position,
+                list_style_image: Image::None,
+                list_style_type: ListStyleType::none(),
+            }),
+            (0, list_style_type, image) => Ok(expanded! {
+                list_style_position: position,
+                list_style_image: unwrap_or_initial!(list_style_image, image),
+                list_style_type: unwrap_or_initial!(list_style_type),
+            }),
+            _ => Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError)),
+        }
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use list_style_image::SpecifiedValue as ListStyleImage;
+            use list_style_position::SpecifiedValue as ListStylePosition;
+            use list_style_type::SpecifiedValue as ListStyleType;
+
+            let mut writer = SequenceWriter::new(dest, " ");
+            if *self.list_style_position != ListStylePosition::Outside
+                || self.list_style_type.is_name(&atom!("outside"))
+            {
+                writer.item(self.list_style_position)?;
+            }
+            if *self.list_style_image != ListStyleImage::None {
+                writer.item(self.list_style_image)?;
+            }
+            if *self.list_style_type != ListStyleType::disc() {
+                writer.item(self.list_style_type)?;
+            }
+            if !writer.has_written() {
+                self.list_style_position.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod gap {
+    pub use crate::properties::generated::shorthands::gap::*;
+
+    use super::*;
+    use crate::properties::longhands::{column_gap, row_gap};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let r_gap = row_gap::parse(context, input)?;
+        let c_gap = input
+            .try_parse(|input| column_gap::parse(context, input))
+            .unwrap_or(r_gap.clone());
+
+        Ok(expanded! {
+            row_gap: r_gap,
+            column_gap: c_gap,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            self.row_gap.to_css(dest)?;
+            if self.row_gap != self.column_gap {
+                dest.write_char(' ')?;
+                self.column_gap.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod marker {
+    pub use crate::properties::generated::shorthands::marker::*;
+
+    use super::*;
+    use crate::values::specified::url::UrlOrNone;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let url = UrlOrNone::parse(context, input)?;
+
+        Ok(expanded! {
+            marker_start: url.clone(),
+            marker_mid: url.clone(),
+            marker_end: url,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            if self.marker_start == self.marker_mid && self.marker_mid == self.marker_end {
+                self.marker_start.to_css(dest)
+            } else {
+                Ok(())
+            }
+        }
+    }
+}
+
+pub mod flex_flow {
+    pub use crate::properties::generated::shorthands::flex_flow::*;
+
+    use super::*;
+    use crate::properties::longhands::{flex_direction, flex_wrap};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut parsed = 0;
+        let mut direction = None;
+        let mut wrap = None;
+        loop {
+            parsed += 1;
+            try_parse_one!(context, input, direction, flex_direction::parse);
+            try_parse_one!(context, input, wrap, flex_wrap::parse);
+            parsed -= 1;
+            break;
+        }
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+        Ok(expanded! {
+            flex_direction: unwrap_or_initial!(flex_direction, direction),
+            flex_wrap: unwrap_or_initial!(flex_wrap, wrap),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            if *self.flex_direction == flex_direction::get_initial_specified_value()
+                && *self.flex_wrap != flex_wrap::get_initial_specified_value()
+            {
+                return self.flex_wrap.to_css(dest);
+            }
+            self.flex_direction.to_css(dest)?;
+            if *self.flex_wrap != flex_wrap::get_initial_specified_value() {
+                dest.write_char(' ')?;
+                self.flex_wrap.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod flex {
+    pub use crate::properties::generated::shorthands::flex::*;
+
+    use super::*;
+    use crate::properties::longhands::flex_basis::SpecifiedValue as FlexBasis;
+    use crate::values::specified::NonNegativeNumber;
+
+    fn parse_flexibility(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<(NonNegativeNumber, Option<NonNegativeNumber>), ParseError> {
+        let grow = NonNegativeNumber::parse(context, input)?;
+        let shrink = input
+            .try_parse(|i| NonNegativeNumber::parse(context, i))
+            .ok();
+        Ok((grow, shrink))
+    }
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut grow = None;
+        let mut shrink = None;
+        let mut basis = None;
+
+        if input
+            .try_parse(|input| input.expect_ident_matching("none"))
+            .is_ok()
+        {
+            return Ok(expanded! {
+                flex_grow: NonNegativeNumber::new(0.0),
+                flex_shrink: NonNegativeNumber::new(0.0),
+                flex_basis: FlexBasis::auto(),
+            });
+        }
+        loop {
+            if grow.is_none() {
+                if let Ok((flex_grow, flex_shrink)) =
+                    input.try_parse(|i| parse_flexibility(context, i))
+                {
+                    grow = Some(flex_grow);
+                    shrink = flex_shrink;
+                    continue;
+                }
+            }
+            if basis.is_none() {
+                if let Ok(value) = input.try_parse(|input| FlexBasis::parse(context, input)) {
+                    basis = Some(value);
+                    continue;
+                }
+            }
+            break;
+        }
+
+        if grow.is_none() && basis.is_none() {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+        Ok(expanded! {
+            flex_grow: grow.unwrap_or(NonNegativeNumber::new(1.0)),
+            flex_shrink: shrink.unwrap_or(NonNegativeNumber::new(1.0)),
+            flex_basis: basis.unwrap_or(FlexBasis::zero_percent()),
+        })
+    }
+}
+
+pub mod place_content {
+    pub use crate::properties::generated::shorthands::place_content::*;
+
+    use super::*;
+    use crate::values::specified::align::ContentDistribution;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let align_content = ContentDistribution::parse_block(context, input)?;
+        let justify_content =
+            input.try_parse(|input| ContentDistribution::parse_inline(context, input));
+
+        let justify_content = match justify_content {
+            Ok(v) => v,
+            Err(..) => {
+                if !align_content.is_baseline_position() {
+                    align_content
+                } else {
+                    ContentDistribution::start()
+                }
+            },
+        };
+
+        Ok(expanded! {
+            align_content: align_content,
+            justify_content: justify_content,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            self.align_content.to_css(dest)?;
+            if self.align_content != self.justify_content {
+                dest.write_char(' ')?;
+                self.justify_content.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod place_self {
+    pub use crate::properties::generated::shorthands::place_self::*;
+
+    use super::*;
+    use crate::values::specified::align::SelfAlignment;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let align = SelfAlignment::parse_block(context, input)?;
+        let justify = input.try_parse(|input| SelfAlignment::parse_inline(context, input));
+
+        let justify = match justify {
+            Ok(v) => v,
+            Err(..) => {
+                debug_assert!(align.is_valid_on_both_axes());
+                align
+            },
+        };
+
+        Ok(expanded! {
+            align_self: align,
+            justify_self: justify,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            self.align_self.to_css(dest)?;
+            if self.align_self != self.justify_self {
+                dest.write_char(' ')?;
+                self.justify_self.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod place_items {
+    pub use crate::properties::generated::shorthands::place_items::*;
+
+    use super::*;
+    use crate::values::specified::align::{ItemPlacement, JustifyItems};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let align = ItemPlacement::parse_block(context, input)?;
+        let justify = input
+            .try_parse(|input| ItemPlacement::parse_inline(context, input))
+            .unwrap_or(align);
+
+        Ok(expanded! {
+            align_items: align,
+            justify_items: JustifyItems(justify),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            self.align_items.to_css(dest)?;
+            if self.align_items != &self.justify_items.0 {
+                dest.write_char(' ')?;
+                self.justify_items.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod grid_row {
+    pub use crate::properties::generated::shorthands::grid_row::*;
+
+    use super::*;
+    use crate::values::specified::GridLine;
+    use crate::Zero;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let start = input.try_parse(|i| GridLine::parse(context, i))?;
+        let end = if input.try_parse(|i| i.expect_delim('/')).is_ok() {
+            GridLine::parse(context, input)?
+        } else {
+            let mut line = GridLine::auto();
+            if start.line_num.is_zero() && !start.is_span {
+                line.ident = start.ident.clone();
+            }
+
+            line
+        };
+
+        Ok(expanded! {
+            grid_row_start: start,
+            grid_row_end: end,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            self.grid_row_start.to_css(dest)?;
+            if self.grid_row_start.can_omit(self.grid_row_end) {
+                return Ok(());
+            }
+            dest.write_str(" / ")?;
+            self.grid_row_end.to_css(dest)
+        }
+    }
+}
+
+pub mod grid_column {
+    pub use crate::properties::generated::shorthands::grid_column::*;
+
+    use super::*;
+    use crate::values::specified::GridLine;
+    use crate::Zero;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let start = input.try_parse(|i| GridLine::parse(context, i))?;
+        let end = if input.try_parse(|i| i.expect_delim('/')).is_ok() {
+            GridLine::parse(context, input)?
+        } else {
+            let mut line = GridLine::auto();
+            if start.line_num.is_zero() && !start.is_span {
+                line.ident = start.ident.clone();
+            }
+
+            line
+        };
+
+        Ok(expanded! {
+            grid_column_start: start,
+            grid_column_end: end,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            self.grid_column_start.to_css(dest)?;
+            if self.grid_column_start.can_omit(self.grid_column_end) {
+                return Ok(());
+            }
+            dest.write_str(" / ")?;
+            self.grid_column_end.to_css(dest)
+        }
+    }
+}
+
+pub mod grid_area {
+    pub use crate::properties::generated::shorthands::grid_area::*;
+
+    use super::*;
+    use crate::values::specified::GridLine;
+    use crate::Zero;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        fn line_with_ident_from(other: &GridLine) -> GridLine {
+            let mut this = GridLine::auto();
+            if other.line_num.is_zero() && !other.is_span {
+                this.ident = other.ident.clone();
+            }
+
+            this
+        }
+
+        let row_start = input.try_parse(|i| GridLine::parse(context, i))?;
+        let (column_start, row_end, column_end) =
+            if input.try_parse(|i| i.expect_delim('/')).is_ok() {
+                let column_start = GridLine::parse(context, input)?;
+                let (row_end, column_end) = if input.try_parse(|i| i.expect_delim('/')).is_ok() {
+                    let row_end = GridLine::parse(context, input)?;
+                    let column_end = if input.try_parse(|i| i.expect_delim('/')).is_ok() {
+                        GridLine::parse(context, input)?
+                    } else {
+                        line_with_ident_from(&column_start)
+                    };
+
+                    (row_end, column_end)
+                } else {
+                    let row_end = line_with_ident_from(&row_start);
+                    let column_end = line_with_ident_from(&column_start);
+                    (row_end, column_end)
+                };
+
+                (column_start, row_end, column_end)
+            } else {
+                let line = line_with_ident_from(&row_start);
+                (line.clone(), line.clone(), line)
+            };
+
+        Ok(expanded! {
+            grid_row_start: row_start,
+            grid_row_end: row_end,
+            grid_column_start: column_start,
+            grid_column_end: column_end,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            self.grid_row_start.to_css(dest)?;
+            let mut trailing_values = 3;
+            if self.grid_column_start.can_omit(self.grid_column_end) {
+                trailing_values -= 1;
+                if self.grid_row_start.can_omit(self.grid_row_end) {
+                    trailing_values -= 1;
+                    if self.grid_row_start.can_omit(self.grid_column_start) {
+                        trailing_values -= 1;
+                    }
+                }
+            }
+            let values = [
+                &self.grid_column_start,
+                &self.grid_row_end,
+                &self.grid_column_end,
+            ];
+            for value in values.iter().take(trailing_values) {
+                dest.write_str(" / ")?;
+                value.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod position_try {
+    pub use crate::properties::generated::shorthands::position_try::*;
+
+    use super::*;
+    use crate::values::specified::position::{PositionTryFallbacks, PositionTryOrder};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let order = input.try_parse(PositionTryOrder::parse).ok();
+        let fallbacks = PositionTryFallbacks::parse(context, input)?;
+        Ok(expanded! {
+            position_try_order: order.unwrap_or(PositionTryOrder::normal()),
+            position_try_fallbacks: fallbacks,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            if !self.position_try_order.is_normal() {
+                self.position_try_order.to_css(dest)?;
+                dest.write_char(' ')?;
+            }
+            self.position_try_fallbacks.to_css(dest)
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod scroll_timeline {
+    pub use crate::properties::generated::shorthands::scroll_timeline::*;
+
+    use super::*;
+    use crate::properties::longhands::{scroll_timeline_axis, scroll_timeline_name};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut names = Vec::with_capacity(1);
+        let mut axes = Vec::with_capacity(1);
+        input.parse_comma_separated(|input| {
+            let name = scroll_timeline_name::single_value::parse(context, input)?;
+            let axis = input.try_parse(|i| scroll_timeline_axis::single_value::parse(context, i));
+
+            names.push(name);
+            axes.push(axis.unwrap_or_default());
+
+            Ok(())
+        })?;
+
+        Ok(expanded! {
+            scroll_timeline_name: scroll_timeline_name::SpecifiedValue(names.into()),
+            scroll_timeline_axis: scroll_timeline_axis::SpecifiedValue(axes.into()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            if self.scroll_timeline_name.0.len() != self.scroll_timeline_axis.0.len() {
+                return Ok(());
+            }
+            let mut first = true;
+            for (name, axis) in std::iter::zip(
+                self.scroll_timeline_name.0.iter(),
+                self.scroll_timeline_axis.0.iter(),
+            ) {
+                if !first {
+                    dest.write_str(", ")?;
+                }
+                name.to_css(dest)?;
+                if !axis.is_default() {
+                    dest.write_char(' ')?;
+                    axis.to_css(dest)?;
+                }
+                first = false;
+            }
+            Ok(())
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod view_timeline {
+    pub use crate::properties::generated::shorthands::view_timeline::*;
+
+    use super::*;
+    use crate::properties::longhands::{
+        view_timeline_axis, view_timeline_inset, view_timeline_name,
+    };
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut names = Vec::with_capacity(1);
+        let mut axes = Vec::with_capacity(1);
+        let mut insets = Vec::with_capacity(1);
+        input.parse_comma_separated(|input| {
+            let name = view_timeline_name::single_value::parse(context, input)?;
+            let mut axis = None;
+            let mut inset = None;
+
+            loop {
+                try_parse_one!(
+                    context,
+                    input,
+                    axis,
+                    view_timeline_axis::single_value::parse
+                );
+                try_parse_one!(
+                    context,
+                    input,
+                    inset,
+                    view_timeline_inset::single_value::parse
+                );
+                break;
+            }
+
+            names.push(name);
+            axes.push(axis.unwrap_or_default());
+            insets.push(inset.unwrap_or_default());
+
+            Ok(())
+        })?;
+
+        Ok(expanded! {
+            view_timeline_name: view_timeline_name::SpecifiedValue(names.into()),
+            view_timeline_axis: view_timeline_axis::SpecifiedValue(axes.into()),
+            view_timeline_inset: view_timeline_inset::SpecifiedValue(insets.into()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use itertools::izip;
+            if self.view_timeline_name.0.len() != self.view_timeline_axis.0.len()
+                || self.view_timeline_name.0.len() != self.view_timeline_inset.0.len()
+            {
+                return Ok(());
+            }
+            let mut first = true;
+            for (name, axis, inset) in izip!(
+                self.view_timeline_name.0.iter(),
+                self.view_timeline_axis.0.iter(),
+                self.view_timeline_inset.0.iter(),
+            ) {
+                if !first {
+                    dest.write_str(", ")?;
+                }
+                name.to_css(dest)?;
+                if !axis.is_default() {
+                    dest.write_char(' ')?;
+                    axis.to_css(dest)?;
+                }
+                if !inset.is_auto() {
+                    dest.write_char(' ')?;
+                    inset.to_css(dest)?;
+                }
+                first = false;
+            }
+            Ok(())
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod animation_range {
+    pub use crate::properties::generated::shorthands::animation_range::*;
+
+    use super::*;
+    use crate::properties::longhands::{animation_range_end, animation_range_start};
+    use crate::values::specified::LengthPercentage;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut starts = Vec::with_capacity(1);
+        let mut ends = Vec::with_capacity(1);
+        input.parse_comma_separated(|input| {
+            let start = animation_range_start::single_value::parse(context, input)?;
+            let end = input
+                .try_parse(|i| animation_range_end::single_value::parse(context, i))
+                .unwrap_or_else(|_| {
+                    use crate::values::generics::animation::AnimationRangeEnd;
+                    use crate::values::specified::animation::{
+                        AnimationRangeValue, TimelineRangeName,
+                    };
+
+                    // If `<animation-range-start>` includes a timeline range name,
+                    // `animation-range-end` is set to that same timeline range name and 100%.
+                    // Otherwise, any omitted longhand is set to its initial value.
+                    let name = if start.0.name.is_none() {
+                        TimelineRangeName::Normal
+                    } else {
+                        start.0.name
+                    };
+                    AnimationRangeEnd(AnimationRangeValue::new(
+                        name,
+                        LengthPercentage::hundred_percent(),
+                    ))
+                });
+
+            starts.push(start);
+            ends.push(end);
+            Ok(())
+        })?;
+
+        Ok(expanded! {
+            animation_range_start: animation_range_start::SpecifiedValue(starts.into()),
+            animation_range_end: animation_range_end::SpecifiedValue(ends.into()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use crate::values::specified::length::EqualsPercentage;
+            let starts = &self.animation_range_start.0;
+            let ends = &self.animation_range_end.0;
+            if starts.len() != ends.len() {
+                return Ok(());
+            }
+
+            for (i, (start, end)) in std::iter::zip(starts.iter(), ends.iter()).enumerate() {
+                if i != 0 {
+                    dest.write_str(", ")?;
+                }
+                start.to_css(dest)?;
+                let can_omit_end = (start.0.name == end.0.name && end.0.lp.equals_percentage(1.0))
+                    || (start.0.name.is_none() && end.0.name.is_normal());
+                if !can_omit_end {
+                    dest.write_char(' ')?;
+                    end.to_css(dest)?;
+                }
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod transition {
+    pub use crate::properties::generated::shorthands::transition::*;
+
+    use super::*;
+    use crate::properties::longhands::{
+        transition_behavior, transition_delay, transition_duration, transition_property,
+        transition_timing_function,
+    };
+    use crate::values::specified::TransitionProperty;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        struct SingleTransition {
+            transition_property: transition_property::SingleSpecifiedValue,
+            transition_duration: transition_duration::SingleSpecifiedValue,
+            transition_timing_function: transition_timing_function::SingleSpecifiedValue,
+            transition_delay: transition_delay::SingleSpecifiedValue,
+            transition_behavior: transition_behavior::SingleSpecifiedValue,
+        }
+
+        fn parse_one_transition(
+            context: &ParserContext,
+            input: &mut Parser,
+            first: bool,
+        ) -> Result<SingleTransition, ParseError> {
+            let mut property = None;
+            let mut duration = None;
+            let mut timing_function = None;
+            let mut delay = None;
+            let mut behavior = None;
+
+            let mut parsed = 0;
+            loop {
+                parsed += 1;
+
+                try_parse_one!(
+                    context,
+                    input,
+                    duration,
+                    transition_duration::single_value::parse
+                );
+                try_parse_one!(
+                    context,
+                    input,
+                    timing_function,
+                    transition_timing_function::single_value::parse
+                );
+                try_parse_one!(context, input, delay, transition_delay::single_value::parse);
+                try_parse_one!(
+                    context,
+                    input,
+                    behavior,
+                    transition_behavior::single_value::parse
+                );
+                if property.is_none() {
+                    if let Ok(value) = input.try_parse(|i| TransitionProperty::parse(context, i)) {
+                        property = Some(value);
+                        continue;
+                    }
+
+                    if first && input.try_parse(|i| i.expect_ident_matching("none")).is_ok() {
+                        property = Some(TransitionProperty::none());
+                        continue;
+                    }
+                }
+
+                parsed -= 1;
+                break;
+            }
+
+            if parsed != 0 {
+                Ok(SingleTransition {
+                    transition_property: property.unwrap_or_else(
+                        transition_property::single_value::get_initial_specified_value,
+                    ),
+                    transition_duration: duration.unwrap_or_else(
+                        transition_duration::single_value::get_initial_specified_value,
+                    ),
+                    transition_timing_function: timing_function.unwrap_or_else(
+                        transition_timing_function::single_value::get_initial_specified_value,
+                    ),
+                    transition_delay: delay.unwrap_or_else(
+                        transition_delay::single_value::get_initial_specified_value,
+                    ),
+                    transition_behavior: behavior.unwrap_or_else(
+                        transition_behavior::single_value::get_initial_specified_value,
+                    ),
+                })
+            } else {
+                Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError))
+            }
+        }
+
+        let mut first = true;
+        let mut has_transition_property_none = false;
+        let results = input.parse_comma_separated(|i| {
+            if has_transition_property_none {
+                return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+            }
+            let transition = parse_one_transition(context, i, first)?;
+            first = false;
+            has_transition_property_none = transition.transition_property.is_none();
+            Ok(transition)
+        })?;
+
+        let len = results.len();
+        let mut property = Vec::with_capacity(len);
+        let mut duration = Vec::with_capacity(len);
+        let mut timing_function = Vec::with_capacity(len);
+        let mut delay = Vec::with_capacity(len);
+        let mut behavior = Vec::with_capacity(len);
+        for result in results {
+            property.push(result.transition_property);
+            duration.push(result.transition_duration);
+            timing_function.push(result.transition_timing_function);
+            delay.push(result.transition_delay);
+            behavior.push(result.transition_behavior);
+        }
+
+        Ok(Longhands {
+            transition_property: transition_property::SpecifiedValue(property.into()),
+            transition_duration: transition_duration::SpecifiedValue(duration.into()),
+            transition_timing_function: transition_timing_function::SpecifiedValue(
+                timing_function.into(),
+            ),
+            transition_delay: transition_delay::SpecifiedValue(delay.into()),
+            transition_behavior: transition_behavior::SpecifiedValue(behavior.into()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use crate::Zero;
+            use style_traits::values::SequenceWriter;
+
+            let len = self.transition_property.0.len();
+            debug_assert_ne!(
+                len, 0,
+                "We should always have at least one transition-property, even if none"
+            );
+            if self.transition_duration.0.len() != len {
+                return Ok(());
+            }
+            if self.transition_delay.0.len() != len {
+                return Ok(());
+            }
+            if self.transition_timing_function.0.len() != len {
+                return Ok(());
+            }
+            if self.transition_behavior.0.len() != len {
+                return Ok(());
+            }
+            for i in 0..len {
+                if i != 0 {
+                    dest.write_str(", ")?;
+                }
+
+                let has_duration = !self.transition_duration.0[i].is_zero();
+                let has_timing = !self.transition_timing_function.0[i].is_ease();
+                let has_delay = !self.transition_delay.0[i].is_zero();
+                let has_behavior = !self.transition_behavior.0[i].is_normal();
+                let has_any = has_duration || has_timing || has_delay || has_behavior;
+
+                let mut writer = SequenceWriter::new(dest, " ");
+                if !self.transition_property.0[i].is_all() || !has_any {
+                    writer.item(&self.transition_property.0[i])?;
+                }
+                if has_duration || has_delay {
+                    writer.item(&self.transition_duration.0[i])?;
+                }
+                if has_timing {
+                    writer.item(&self.transition_timing_function.0[i])?;
+                }
+                if has_delay {
+                    writer.item(&self.transition_delay.0[i])?;
+                }
+                if has_behavior {
+                    writer.item(&self.transition_behavior.0[i])?;
+                }
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod outline {
+    pub use crate::properties::generated::shorthands::outline::*;
+
+    use super::*;
+    use crate::properties::longhands::{outline_color, outline_style, outline_width};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let _unused = context;
+        let mut color = None;
+        let mut style = None;
+        let mut width = None;
+        let mut parsed = 0;
+        loop {
+            parsed += 1;
+            try_parse_one!(context, input, color, specified::Color::parse);
+            try_parse_one!(context, input, style, outline_style::parse);
+            try_parse_one!(context, input, width, outline_width::parse);
+            parsed -= 1;
+            break;
+        }
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+        Ok(expanded! {
+            outline_color: unwrap_or_initial!(outline_color, color),
+            outline_style: unwrap_or_initial!(outline_style, style),
+            outline_width: unwrap_or_initial!(outline_width, width),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let mut writer = SequenceWriter::new(dest, " ");
+            if *self.outline_color != outline_color::get_initial_specified_value() {
+                writer.item(self.outline_color)?;
+            }
+            if *self.outline_style != outline_style::get_initial_specified_value() {
+                writer.item(self.outline_style)?;
+            }
+            if *self.outline_width != outline_width::get_initial_specified_value() {
+                writer.item(self.outline_width)?;
+            }
+            if !writer.has_written() {
+                self.outline_style.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod background_position {
+    pub use crate::properties::generated::shorthands::background_position::*;
+
+    use super::*;
+    use crate::properties::longhands::{background_position_x, background_position_y};
+    use crate::values::specified::position::Position;
+    use crate::values::specified::AllowQuirks;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut position_x = Vec::with_capacity(1);
+        let mut position_y = Vec::with_capacity(1);
+        let mut any = false;
+
+        input.parse_comma_separated(|input| {
+            let value = Position::parse_three_value_quirky(context, input, AllowQuirks::Yes)?;
+            position_x.push(value.horizontal);
+            position_y.push(value.vertical);
+            any = true;
+            Ok(())
+        })?;
+        if !any {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        Ok(expanded! {
+            background_position_x: background_position_x::SpecifiedValue(position_x.into()),
+            background_position_y: background_position_y::SpecifiedValue(position_y.into()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let len = self.background_position_x.0.len();
+            if len == 0 || len != self.background_position_y.0.len() {
+                return Ok(());
+            }
+            for i in 0..len {
+                Position {
+                    horizontal: self.background_position_x.0[i].clone(),
+                    vertical: self.background_position_y.0[i].clone(),
+                }
+                .to_css(dest)?;
+
+                if i < len - 1 {
+                    dest.write_str(", ")?;
+                }
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod background {
+    pub use crate::properties::generated::shorthands::background::*;
+
+    use super::*;
+    use crate::properties::longhands::background_clip;
+    use crate::properties::longhands::background_clip::single_value::computed_value::T as Clip;
+    use crate::properties::longhands::background_origin::single_value::computed_value::T as Origin;
+    use crate::properties::longhands::{
+        background_attachment, background_color, background_image, background_origin,
+        background_size,
+    };
+    use crate::properties::longhands::{
+        background_position_x, background_position_y, background_repeat,
+    };
+    use crate::values::specified::{AllowQuirks, Color, Position, PositionComponent};
+
+    impl From<background_origin::single_value::SpecifiedValue>
+        for background_clip::single_value::SpecifiedValue
+    {
+        fn from(
+            origin: background_origin::single_value::SpecifiedValue,
+        ) -> background_clip::single_value::SpecifiedValue {
+            match origin {
+                background_origin::single_value::SpecifiedValue::ContentBox => {
+                    background_clip::single_value::SpecifiedValue::ContentBox
+                },
+                background_origin::single_value::SpecifiedValue::PaddingBox => {
+                    background_clip::single_value::SpecifiedValue::PaddingBox
+                },
+                background_origin::single_value::SpecifiedValue::BorderBox => {
+                    background_clip::single_value::SpecifiedValue::BorderBox
+                },
+            }
+        }
+    }
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut background_color = None;
+
+        let mut background_image = Vec::with_capacity(1);
+        let mut background_position_x = Vec::with_capacity(1);
+        let mut background_position_y = Vec::with_capacity(1);
+        let mut background_repeat = Vec::with_capacity(1);
+        let mut background_size = Vec::with_capacity(1);
+        let mut background_attachment = Vec::with_capacity(1);
+        let mut background_origin = Vec::with_capacity(1);
+        let mut background_clip = Vec::with_capacity(1);
+        input.parse_comma_separated(|input| {
+            if background_color.is_some() {
+                return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+            }
+
+            let mut image = None;
+            let mut position = None;
+            let mut repeat = None;
+            let mut size = None;
+            let mut attachment = None;
+            let mut origin = None;
+            let mut clip = None;
+            let mut parsed = 0;
+            loop {
+                parsed += 1;
+                try_parse_one!(context, input, background_color, Color::parse);
+                if position.is_none() {
+                    if let Ok(value) = input.try_parse(|input| {
+                        Position::parse_three_value_quirky(context, input, AllowQuirks::No)
+                    }) {
+                        position = Some(value);
+
+                        size = input
+                            .try_parse(|input| {
+                                input.expect_delim('/')?;
+                                background_size::single_value::parse(context, input)
+                            })
+                            .ok();
+
+                        continue;
+                    }
+                }
+                try_parse_one!(context, input, image, background_image::single_value::parse);
+                try_parse_one!(
+                    context,
+                    input,
+                    repeat,
+                    background_repeat::single_value::parse
+                );
+                try_parse_one!(
+                    context,
+                    input,
+                    attachment,
+                    background_attachment::single_value::parse
+                );
+                try_parse_one!(
+                    context,
+                    input,
+                    origin,
+                    background_origin::single_value::parse
+                );
+                try_parse_one!(context, input, clip, background_clip::single_value::parse);
+                parsed -= 1;
+                break;
+            }
+            if parsed == 0 {
+                return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+            }
+            if clip.is_none() {
+                if let Some(origin) = origin {
+                    clip = Some(background_clip::single_value::SpecifiedValue::from(origin));
+                }
+            }
+            if let Some(position) = position {
+                background_position_x.push(position.horizontal);
+                background_position_y.push(position.vertical);
+            } else {
+                background_position_x.push(PositionComponent::zero());
+                background_position_y.push(PositionComponent::zero());
+            }
+            if let Some(bg_image) = image {
+                background_image.push(bg_image);
+            } else {
+                background_image
+                    .push(background_image::single_value::get_initial_specified_value());
+            }
+            if let Some(bg_repeat) = repeat {
+                background_repeat.push(bg_repeat);
+            } else {
+                background_repeat
+                    .push(background_repeat::single_value::get_initial_specified_value());
+            }
+            if let Some(bg_size) = size {
+                background_size.push(bg_size);
+            } else {
+                background_size.push(background_size::single_value::get_initial_specified_value());
+            }
+            if let Some(bg_attachment) = attachment {
+                background_attachment.push(bg_attachment);
+            } else {
+                background_attachment
+                    .push(background_attachment::single_value::get_initial_specified_value());
+            }
+            if let Some(bg_origin) = origin {
+                background_origin.push(bg_origin);
+            } else {
+                background_origin
+                    .push(background_origin::single_value::get_initial_specified_value());
+            }
+            if let Some(bg_clip) = clip {
+                background_clip.push(bg_clip);
+            } else {
+                background_clip.push(background_clip::single_value::get_initial_specified_value());
+            }
+            Ok(())
+        })?;
+
+        Ok(expanded! {
+            background_color: background_color.unwrap_or(Color::transparent()),
+            background_image: background_image::SpecifiedValue(background_image.into()),
+            background_position_x: background_position_x::SpecifiedValue(background_position_x.into()),
+            background_position_y: background_position_y::SpecifiedValue(background_position_y.into()),
+            background_repeat: background_repeat::SpecifiedValue(background_repeat.into()),
+            background_size: background_size::SpecifiedValue(background_size.into()),
+            background_attachment: background_attachment::SpecifiedValue(background_attachment.into()),
+            background_origin: background_origin::SpecifiedValue(background_origin.into()),
+            background_clip: background_clip::SpecifiedValue(background_clip.into()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let len = self.background_image.0.len();
+            if len == 0 {
+                return Ok(());
+            }
+            if len != self.background_image.0.len() {
+                return Ok(());
+            }
+            if len != self.background_position_x.0.len() {
+                return Ok(());
+            }
+            if len != self.background_position_y.0.len() {
+                return Ok(());
+            }
+            if len != self.background_size.0.len() {
+                return Ok(());
+            }
+            if len != self.background_repeat.0.len() {
+                return Ok(());
+            }
+            if len != self.background_origin.0.len() {
+                return Ok(());
+            }
+            if len != self.background_clip.0.len() {
+                return Ok(());
+            }
+            if len != self.background_attachment.0.len() {
+                return Ok(());
+            }
+
+            for i in 0..len {
+                let image = &self.background_image.0[i];
+                let position_x = &self.background_position_x.0[i];
+                let position_y = &self.background_position_y.0[i];
+                let repeat = &self.background_repeat.0[i];
+                let size = &self.background_size.0[i];
+                let attachment = &self.background_attachment.0[i];
+                let origin = &self.background_origin.0[i];
+                let clip = &self.background_clip.0[i];
+
+                if i != 0 {
+                    dest.write_str(", ")?;
+                }
+
+                let mut writer = SequenceWriter::new(dest, " ");
+                if *image != background_image::single_value::get_initial_specified_value() {
+                    writer.item(image)?;
+                }
+
+                if *position_x != PositionComponent::zero()
+                    || *position_y != PositionComponent::zero()
+                    || *size != background_size::single_value::get_initial_specified_value()
+                {
+                    writer.write_item(|dest| {
+                        Position {
+                            horizontal: position_x.clone(),
+                            vertical: position_y.clone(),
+                        }
+                        .to_css(dest)?;
+                        if *size != background_size::single_value::get_initial_specified_value() {
+                            dest.write_str(" / ")?;
+                            size.to_css(dest)?;
+                        }
+                        Ok(())
+                    })?;
+                }
+                if *repeat != background_repeat::single_value::get_initial_specified_value() {
+                    writer.item(repeat)?;
+                }
+                if *attachment != background_attachment::single_value::get_initial_specified_value()
+                {
+                    writer.item(attachment)?;
+                }
+
+                if *origin != Origin::PaddingBox || *clip != Clip::BorderBox {
+                    writer.item(origin)?;
+                    if *clip != From::from(*origin) {
+                        writer.item(clip)?;
+                    }
+                }
+
+                if i == len - 1
+                    && *self.background_color != background_color::get_initial_specified_value()
+                {
+                    writer.item(self.background_color)?;
+                }
+
+                if !writer.has_written() {
+                    image.to_css(dest)?;
+                }
+            }
+
+            Ok(())
+        }
+    }
+}
+
+pub mod font {
+    pub use crate::properties::generated::shorthands::font::*;
+
+    use super::*;
+    #[cfg(feature = "gecko")]
+    use crate::properties::longhands::{
+        font_family, font_size, font_size_adjust, font_variant_emoji,
+    };
+    use crate::properties::longhands::{
+        font_feature_settings, font_kerning, font_language_override, font_optical_sizing,
+        font_style, font_variant_alternates, font_variant_caps, font_variant_east_asian,
+        font_variant_ligatures, font_variant_numeric, font_variant_position,
+        font_variation_settings, font_weight, font_width,
+    };
+    #[cfg(feature = "gecko")]
+    use crate::values::specified::font::SystemFont;
+    use crate::values::specified::font::{
+        FontFamily, FontSize, FontStyle, FontWeight, FontWidth, FontWidthKeyword, LineHeight,
+    };
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut nb_normals = 0;
+        let mut style = None;
+        let mut variant_caps = None;
+        let mut weight = None;
+        let mut width = None;
+        #[cfg(feature = "gecko")]
+        if let Ok(sys) = input.try_parse(|i| SystemFont::parse(context, i)) {
+            return Ok(Longhands {
+                font_family: font_family::SpecifiedValue::system_font(sys),
+                font_size: font_size::SpecifiedValue::system_font(sys),
+                font_style: font_style::SpecifiedValue::system_font(sys),
+                font_width: font_width::SpecifiedValue::system_font(sys),
+                font_weight: font_weight::SpecifiedValue::system_font(sys),
+                line_height: LineHeight::normal(),
+                font_kerning: font_kerning::get_initial_specified_value(),
+                font_language_override: font_language_override::get_initial_specified_value(),
+                font_size_adjust: font_size_adjust::get_initial_specified_value(),
+                font_variant_alternates: font_variant_alternates::get_initial_specified_value(),
+                font_variant_east_asian: font_variant_east_asian::get_initial_specified_value(),
+                font_variant_emoji: font_variant_emoji::get_initial_specified_value(),
+                font_variant_ligatures: font_variant_ligatures::get_initial_specified_value(),
+                font_variant_numeric: font_variant_numeric::get_initial_specified_value(),
+                font_variant_position: font_variant_position::get_initial_specified_value(),
+                font_feature_settings: font_feature_settings::get_initial_specified_value(),
+                font_optical_sizing: font_optical_sizing::get_initial_specified_value(),
+                font_variant_caps: font_variant_caps::get_initial_specified_value(),
+                font_variation_settings: font_variation_settings::get_initial_specified_value(),
+            });
+        }
+
+        let size;
+        loop {
+            if input
+                .try_parse(|input| input.expect_ident_matching("normal"))
+                .is_ok()
+            {
+                nb_normals += 1;
+                continue;
+            }
+            try_parse_one!(context, input, style, font_style::parse);
+            try_parse_one!(context, input, weight, font_weight::parse);
+            if variant_caps.is_none()
+                && input
+                    .try_parse(|input| input.expect_ident_matching("small-caps"))
+                    .is_ok()
+            {
+                variant_caps = Some(font_variant_caps::SpecifiedValue::SmallCaps);
+                continue;
+            }
+            try_parse_one!(input, width, FontWidthKeyword::parse);
+            size = FontSize::parse(context, input)?;
+            break;
+        }
+
+        let line_height = if input.try_parse(|input| input.expect_delim('/')).is_ok() {
+            Some(LineHeight::parse(context, input)?)
+        } else {
+            None
+        };
+
+        #[inline]
+        fn count<T>(opt: &Option<T>) -> u8 {
+            if opt.is_some() {
+                1
+            } else {
+                0
+            }
+        }
+
+        if (count(&style) + count(&weight) + count(&variant_caps) + count(&width) + nb_normals) > 4
+        {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        let family = FontFamily::parse(context, input)?;
+        let width = width.map(FontWidth::Keyword);
+        Ok(Longhands {
+            font_style: unwrap_or_initial!(font_style, style),
+            font_weight: unwrap_or_initial!(font_weight, weight),
+            font_width: unwrap_or_initial!(font_width, width),
+            font_variant_caps: unwrap_or_initial!(font_variant_caps, variant_caps),
+            font_size: size,
+            line_height: line_height.unwrap_or(LineHeight::normal()),
+            font_family: family,
+            font_optical_sizing: font_optical_sizing::get_initial_specified_value(),
+            font_variation_settings: font_variation_settings::get_initial_specified_value(),
+            font_kerning: font_kerning::get_initial_specified_value(),
+            font_language_override: font_language_override::get_initial_specified_value(),
+            #[cfg(feature = "gecko")]
+            font_size_adjust: font_size_adjust::get_initial_specified_value(),
+            font_variant_alternates: font_variant_alternates::get_initial_specified_value(),
+            font_variant_east_asian: font_variant_east_asian::get_initial_specified_value(),
+            #[cfg(feature = "gecko")]
+            font_variant_emoji: font_variant_emoji::get_initial_specified_value(),
+            font_variant_ligatures: font_variant_ligatures::get_initial_specified_value(),
+            font_variant_numeric: font_variant_numeric::get_initial_specified_value(),
+            font_variant_position: font_variant_position::get_initial_specified_value(),
+            font_feature_settings: font_feature_settings::get_initial_specified_value(),
+        })
+    }
+
+    #[cfg(feature = "gecko")]
+    enum CheckSystemResult {
+        AllSystem(SystemFont),
+        SomeSystem,
+        None,
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            #[cfg(feature = "gecko")]
+            match self.check_system() {
+                CheckSystemResult::AllSystem(sys) => return sys.to_css(dest),
+                CheckSystemResult::SomeSystem => return Ok(()),
+                CheckSystemResult::None => {},
+            }
+
+            #[cfg(feature = "gecko")]
+            if self.font_optical_sizing != &font_optical_sizing::get_initial_specified_value() {
+                return Ok(());
+            }
+            #[cfg(feature = "servo")]
+            if let Some(v) = self.font_optical_sizing {
+                if v != &font_optical_sizing::get_initial_specified_value() {
+                    return Ok(());
+                }
+            }
+            #[cfg(feature = "gecko")]
+            if self.font_variation_settings
+                != &font_variation_settings::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            #[cfg(feature = "servo")]
+            if let Some(v) = self.font_variation_settings {
+                if v != &font_variation_settings::get_initial_specified_value() {
+                    return Ok(());
+                }
+            }
+            #[cfg(feature = "gecko")]
+            if self.font_variant_emoji != &font_variant_emoji::get_initial_specified_value() {
+                return Ok(());
+            }
+
+            if self.font_kerning != &font_kerning::get_initial_specified_value() {
+                return Ok(());
+            }
+            if self.font_language_override != &font_language_override::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            #[cfg(feature = "gecko")]
+            if self.font_size_adjust != &font_size_adjust::get_initial_specified_value() {
+                return Ok(());
+            }
+            if self.font_variant_alternates
+                != &font_variant_alternates::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            if self.font_variant_east_asian
+                != &font_variant_east_asian::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            if self.font_variant_ligatures != &font_variant_ligatures::get_initial_specified_value()
+            {
+                return Ok(());
+            }
+            if self.font_variant_numeric != &font_variant_numeric::get_initial_specified_value() {
+                return Ok(());
+            }
+            if self.font_variant_position != &font_variant_position::get_initial_specified_value() {
+                return Ok(());
+            }
+            if self.font_feature_settings != &font_feature_settings::get_initial_specified_value() {
+                return Ok(());
+            }
+
+            let font_width = match self.font_width {
+                FontWidth::Keyword(kw) => *kw,
+                FontWidth::Width(percentage) => {
+                    let computed = match percentage.compute() {
+                        Some(v) => v,
+                        None => return Ok(()),
+                    };
+                    match FontWidthKeyword::from_percentage(computed.0) {
+                        Some(kw) => kw,
+                        None => return Ok(()),
+                    }
+                },
+                FontWidth::System(..) => return Ok(()),
+            };
+
+            if self.font_variant_caps != &font_variant_caps::get_initial_specified_value()
+                && *self.font_variant_caps != font_variant_caps::SpecifiedValue::SmallCaps
+            {
+                return Ok(());
+            }
+
+            if self.font_style != &font_style::get_initial_specified_value() {
+                self.font_style.to_css(dest)?;
+                dest.write_char(' ')?;
+            }
+            if self.font_variant_caps != &font_variant_caps::get_initial_specified_value() {
+                self.font_variant_caps.to_css(dest)?;
+                dest.write_char(' ')?;
+            }
+
+            if self.font_weight != &FontWeight::normal()
+                && self.font_weight != &FontWeight::from_gecko_keyword(400)
+            {
+                self.font_weight.to_css(dest)?;
+                dest.write_char(' ')?;
+            }
+
+            if font_width != FontWidthKeyword::Normal {
+                font_width.to_css(dest)?;
+                dest.write_char(' ')?;
+            }
+
+            self.font_size.to_css(dest)?;
+
+            if *self.line_height != LineHeight::normal() {
+                dest.write_str(" / ")?;
+                self.line_height.to_css(dest)?;
+            }
+
+            dest.write_char(' ')?;
+            self.font_family.to_css(dest)?;
+
+            Ok(())
+        }
+    }
+
+    impl<'a> LonghandsToSerialize<'a> {
+        #[cfg(feature = "gecko")]
+        fn check_system(&self) -> CheckSystemResult {
+            let mut sys = None;
+            let mut all = true;
+
+            macro_rules! check {
+                ($v:expr) => {
+                    match $v.get_system() {
+                        Some(s) => {
+                            debug_assert!(sys.is_none() || s == sys.unwrap());
+                            sys = Some(s);
+                        },
+                        None => {
+                            all = false;
+                        },
+                    }
+                };
+                ($e:expr, $($es:expr),+) => { check!($e); check!($($es),*); };
+            }
+
+            check!(
+                self.font_family,
+                self.font_size,
+                self.font_style,
+                self.font_width,
+                self.font_weight
+            );
+
+            if self.line_height != &LineHeight::normal() {
+                all = false
+            }
+            if all {
+                CheckSystemResult::AllSystem(sys.unwrap())
+            } else if sys.is_some() {
+                CheckSystemResult::SomeSystem
+            } else {
+                CheckSystemResult::None
+            }
+        }
+    }
+
+    impl SpecifiedValueInfo for Longhands {
+        const SUPPORTED_TYPES: u8 = FontStyle::SUPPORTED_TYPES
+            | FontWeight::SUPPORTED_TYPES
+            | FontWidth::SUPPORTED_TYPES
+            | font_variant_caps::SpecifiedValue::SUPPORTED_TYPES
+            | FontSize::SUPPORTED_TYPES
+            | FontFamily::SUPPORTED_TYPES;
+
+        fn collect_completion_keywords(f: KeywordsCollectFn) {
+            FontStyle::collect_completion_keywords(f);
+            FontWeight::collect_completion_keywords(f);
+            FontWidth::collect_completion_keywords(f);
+            font_variant_caps::SpecifiedValue::collect_completion_keywords(f);
+            FontSize::collect_completion_keywords(f);
+            FontFamily::collect_completion_keywords(f);
+
+            #[cfg(feature = "gecko")]
+            SystemFont::collect_completion_keywords(f);
+        }
+    }
+}
+
+pub mod font_variant {
+    pub use crate::properties::generated::shorthands::font_variant::*;
+
+    use super::*;
+    #[cfg(feature = "gecko")]
+    use crate::properties::longhands::font_variant_emoji;
+    use crate::properties::longhands::{
+        font_variant_alternates, font_variant_caps, font_variant_east_asian,
+        font_variant_ligatures, font_variant_numeric, font_variant_position,
+    };
+    use crate::values::specified::FontVariantLigatures;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut ligatures = None;
+        let mut caps = None;
+        let mut alternates = None;
+        let mut numeric = None;
+        let mut east_asian = None;
+        let mut position = None;
+        #[cfg(feature = "gecko")]
+        let mut emoji = None;
+
+        if input
+            .try_parse(|input| input.expect_ident_matching("normal"))
+            .is_ok()
+        {
+        } else if input
+            .try_parse(|input| input.expect_ident_matching("none"))
+            .is_ok()
+        {
+            ligatures = Some(FontVariantLigatures::NONE);
+        } else {
+            let mut parsed = 0;
+            loop {
+                parsed += 1;
+                if input
+                    .try_parse(|input| input.expect_ident_matching("normal"))
+                    .is_ok()
+                    || input
+                        .try_parse(|input| input.expect_ident_matching("none"))
+                        .is_ok()
+                {
+                    return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+                }
+                try_parse_one!(context, input, ligatures, font_variant_ligatures::parse);
+                try_parse_one!(context, input, caps, font_variant_caps::parse);
+                try_parse_one!(context, input, alternates, font_variant_alternates::parse);
+                try_parse_one!(context, input, numeric, font_variant_numeric::parse);
+                try_parse_one!(context, input, east_asian, font_variant_east_asian::parse);
+                try_parse_one!(context, input, position, font_variant_position::parse);
+                #[cfg(feature = "gecko")]
+                try_parse_one!(context, input, emoji, font_variant_emoji::parse);
+                parsed -= 1;
+                break;
+            }
+
+            if parsed == 0 {
+                return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+            }
+        }
+
+        #[cfg(feature = "gecko")]
+        return Ok(expanded! {
+            font_variant_ligatures: unwrap_or_initial!(font_variant_ligatures, ligatures),
+            font_variant_caps: unwrap_or_initial!(font_variant_caps, caps),
+            font_variant_alternates: unwrap_or_initial!(font_variant_alternates, alternates),
+            font_variant_numeric: unwrap_or_initial!(font_variant_numeric, numeric),
+            font_variant_east_asian: unwrap_or_initial!(font_variant_east_asian, east_asian),
+            font_variant_position: unwrap_or_initial!(font_variant_position, position),
+            font_variant_emoji: unwrap_or_initial!(font_variant_emoji, emoji),
+        });
+        #[cfg(feature = "servo")]
+        return Ok(expanded! {
+            font_variant_alternates: unwrap_or_initial!(font_variant_alternates, alternates),
+            font_variant_caps: unwrap_or_initial!(font_variant_caps, caps),
+            font_variant_east_asian: unwrap_or_initial!(font_variant_east_asian, east_asian),
+            font_variant_ligatures: unwrap_or_initial!(font_variant_ligatures, ligatures),
+            font_variant_numeric: unwrap_or_initial!(font_variant_numeric, numeric),
+            font_variant_position: unwrap_or_initial!(font_variant_position, position),
+        });
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        #[allow(unused_assignments)]
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let has_none_ligatures = self.font_variant_ligatures == &FontVariantLigatures::NONE;
+
+            #[cfg(feature = "gecko")]
+            const TOTAL_SUBPROPS: usize = 7;
+            #[cfg(feature = "servo")]
+            const TOTAL_SUBPROPS: usize = 6;
+            let mut nb_normals = 0;
+            macro_rules! count_normal {
+                ($e: expr, $p: ident) => {
+                    if *$e == $p::get_initial_specified_value() {
+                        nb_normals += 1;
+                    }
+                };
+                ($v: ident) => {
+                    count_normal!(self.$v, $v);
+                };
+            }
+            count_normal!(font_variant_ligatures);
+            count_normal!(font_variant_caps);
+            count_normal!(font_variant_alternates);
+            count_normal!(font_variant_numeric);
+            count_normal!(font_variant_east_asian);
+            count_normal!(font_variant_position);
+            #[cfg(feature = "gecko")]
+            count_normal!(font_variant_emoji);
+
+            if nb_normals == TOTAL_SUBPROPS {
+                return dest.write_str("normal");
+            }
+            if has_none_ligatures {
+                if nb_normals == TOTAL_SUBPROPS - 1 {
+                    dest.write_str("none")?;
+                }
+                return Ok(());
+            }
+
+            let mut writer = SequenceWriter::new(dest, " ");
+            macro_rules! write {
+                ($e: expr, $p: ident) => {
+                    if *$e != $p::get_initial_specified_value() {
+                        writer.item($e)?;
+                    }
+                };
+                ($v: ident) => {
+                    write!(self.$v, $v);
+                };
+            }
+
+            write!(font_variant_ligatures);
+            write!(font_variant_caps);
+            write!(font_variant_alternates);
+            write!(font_variant_numeric);
+            write!(font_variant_east_asian);
+            write!(font_variant_position);
+            #[cfg(feature = "gecko")]
+            write!(font_variant_emoji);
+            Ok(())
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod font_synthesis {
+    pub use crate::properties::generated::shorthands::font_synthesis::*;
+
+    use super::*;
+    use crate::values::specified::{FontSynthesis, FontSynthesisStyle};
+
+    pub fn parse_value(
+        _context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut weight = FontSynthesis::None;
+        let mut style = FontSynthesisStyle::None;
+        let mut small_caps = FontSynthesis::None;
+        let mut position = FontSynthesis::None;
+
+        if input
+            .try_parse(|input| input.expect_ident_matching("none"))
+            .is_err()
+        {
+            let mut has_custom_value = false;
+            while !input.is_exhausted() {
+                try_match_ident_ignore_ascii_case! { input,
+                    "weight" if weight == FontSynthesis::None => {
+                        has_custom_value = true;
+                        weight = FontSynthesis::Auto;
+                        continue;
+                    },
+                    "style" if style == FontSynthesisStyle::None => {
+                        has_custom_value = true;
+                        style = FontSynthesisStyle::Auto;
+                        continue;
+                    },
+                    "small-caps" if small_caps == FontSynthesis::None => {
+                        has_custom_value = true;
+                        small_caps = FontSynthesis::Auto;
+                        continue;
+                    },
+                    "position" if position == FontSynthesis::None => {
+                        has_custom_value = true;
+                        position = FontSynthesis::Auto;
+                        continue;
+                    },
+                    "oblique-only" if style == FontSynthesisStyle::None => {
+                        has_custom_value = true;
+                        style = FontSynthesisStyle::ObliqueOnly;
+                        continue;
+                    },
+                }
+            }
+            if !has_custom_value {
+                return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+            }
+        }
+
+        Ok(expanded! {
+            font_synthesis_weight: weight,
+            font_synthesis_style: style,
+            font_synthesis_small_caps: small_caps,
+            font_synthesis_position: position,
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let mut writer = SequenceWriter::new(dest, " ");
+            if self.font_synthesis_weight == &FontSynthesis::Auto {
+                writer.raw_item("weight")?;
+            }
+            if self.font_synthesis_style != &FontSynthesisStyle::None {
+                if self.font_synthesis_style == &FontSynthesisStyle::Auto {
+                    writer.raw_item("style")?;
+                } else {
+                    writer.raw_item("oblique-only")?;
+                }
+            }
+            if self.font_synthesis_small_caps == &FontSynthesis::Auto {
+                writer.raw_item("small-caps")?;
+            }
+            if self.font_synthesis_position == &FontSynthesis::Auto {
+                writer.raw_item("position")?;
+            }
+            if !writer.has_written() {
+                writer.raw_item("none")?;
+            }
+            Ok(())
+        }
+    }
+
+    // The shorthand takes the sub-property names of the longhands, and not the
+    // 'auto' keyword like they do, so we can't automatically derive this.
+    impl SpecifiedValueInfo for Longhands {
+        fn collect_completion_keywords(f: KeywordsCollectFn) {
+            f(&[
+                "none",
+                "oblique-only",
+                "small-caps",
+                "position",
+                "style",
+                "weight",
+            ]);
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod text_box {
+    pub use crate::properties::generated::shorthands::text_box::*;
+
+    use super::*;
+    use crate::values::specified::{TextBoxEdge, TextBoxTrim};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut trim = None;
+        let mut edge = None;
+
+        if input
+            .try_parse(|input| input.expect_ident_matching("normal"))
+            .is_ok()
+        {
+            return Ok(Longhands {
+                text_box_trim: TextBoxTrim::NONE,
+                text_box_edge: TextBoxEdge::Auto,
+            });
+        }
+
+        loop {
+            try_parse_one!(context, input, trim, TextBoxTrim::parse);
+            try_parse_one!(context, input, edge, TextBoxEdge::parse);
+            break;
+        }
+
+        if trim.is_none() && edge.is_none() {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        // From https://drafts.csswg.org/css-inline-3/#text-box-shorthand:
+        // > Omitting the 'text-box-trim' value sets it to 'trim-both'
+        // > (not the initial value), while omitting the 'text-box-edge'
+        // > value sets it to auto (the initial value).
+        Ok(Longhands {
+            text_box_trim: trim.unwrap_or(TextBoxTrim::TRIM_BOTH),
+            text_box_edge: edge.unwrap_or(TextBoxEdge::Auto),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            if *self.text_box_trim == TextBoxTrim::NONE && *self.text_box_edge == TextBoxEdge::Auto
+            {
+                return dest.write_str("normal");
+            }
+
+            let mut writer = SequenceWriter::new(dest, " ");
+            if *self.text_box_trim != specified::TextBoxTrim::TRIM_BOTH {
+                writer.item(self.text_box_trim)?;
+            }
+            if *self.text_box_edge != specified::TextBoxEdge::Auto {
+                writer.item(self.text_box_edge)?;
+            }
+            if !writer.has_written() {
+                self.text_box_trim.to_css(dest)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+#[cfg(feature = "gecko")]
+pub mod text_emphasis {
+    pub use crate::properties::generated::shorthands::text_emphasis::*;
+
+    use super::*;
+    use crate::properties::longhands::{text_emphasis_color, text_emphasis_style};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut color = None;
+        let mut style = None;
+        let mut parsed = 0;
+        loop {
+            parsed += 1;
+            try_parse_one!(context, input, color, text_emphasis_color::parse);
+            try_parse_one!(context, input, style, text_emphasis_style::parse);
+            parsed -= 1;
+            break;
+        }
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+        Ok(expanded! {
+            text_emphasis_color: unwrap_or_initial!(text_emphasis_color, color),
+            text_emphasis_style: unwrap_or_initial!(text_emphasis_style, style),
+        })
+    }
+}
+
+pub mod text_decoration {
+    pub use crate::properties::generated::shorthands::text_decoration::*;
+
+    use super::*;
+    use crate::properties::longhands::text_decoration_thickness;
+    use crate::properties::longhands::{
+        text_decoration_color, text_decoration_line, text_decoration_style,
+    };
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut line = None;
+        let mut style = None;
+        let mut color = None;
+        let mut thickness = None;
+
+        let mut parsed = 0;
+        loop {
+            parsed += 1;
+            try_parse_one!(context, input, line, text_decoration_line::parse);
+            try_parse_one!(context, input, style, text_decoration_style::parse);
+            try_parse_one!(context, input, color, text_decoration_color::parse);
+            try_parse_one!(context, input, thickness, text_decoration_thickness::parse);
+            parsed -= 1;
+            break;
+        }
+
+        if parsed == 0 {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        return Ok(expanded! {
+            text_decoration_line: unwrap_or_initial!(text_decoration_line, line),
+            text_decoration_style: unwrap_or_initial!(text_decoration_style, style),
+            text_decoration_color: unwrap_or_initial!(text_decoration_color, color),
+            text_decoration_thickness: unwrap_or_initial!(text_decoration_thickness, thickness),
+        });
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        #[allow(unused)]
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use crate::values::specified::Color;
+            use crate::values::specified::TextDecorationLine;
+
+            let is_solid_style =
+                *self.text_decoration_style == text_decoration_style::SpecifiedValue::Solid;
+            let is_current_color = *self.text_decoration_color == Color::CurrentColor;
+            let is_auto_thickness = self.text_decoration_thickness.is_auto();
+            let is_none = *self.text_decoration_line == TextDecorationLine::none();
+
+            let mut writer = SequenceWriter::new(dest, " ");
+            if (is_solid_style && is_current_color && is_auto_thickness) || !is_none {
+                writer.item(self.text_decoration_line)?;
+            }
+            if !is_auto_thickness {
+                writer.item(self.text_decoration_thickness)?;
+            }
+            if !is_solid_style {
+                writer.item(self.text_decoration_style)?;
+            }
+            if !is_current_color {
+                writer.item(self.text_decoration_color)?;
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod animation {
+    pub use crate::properties::generated::shorthands::animation::*;
+
+    use super::*;
+    use crate::properties::longhands::{
+        animation_delay, animation_direction, animation_duration, animation_fill_mode,
+        animation_iteration_count, animation_name, animation_play_state, animation_range_end,
+        animation_range_start, animation_timeline, animation_timing_function,
+    };
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        struct SingleAnimation {
+            animation_name: animation_name::SingleSpecifiedValue,
+            animation_duration: animation_duration::SingleSpecifiedValue,
+            animation_timing_function: animation_timing_function::SingleSpecifiedValue,
+            animation_delay: animation_delay::SingleSpecifiedValue,
+            animation_iteration_count: animation_iteration_count::SingleSpecifiedValue,
+            animation_direction: animation_direction::SingleSpecifiedValue,
+            animation_fill_mode: animation_fill_mode::SingleSpecifiedValue,
+            animation_play_state: animation_play_state::SingleSpecifiedValue,
+        }
+
+        fn parse_one_animation(
+            context: &ParserContext,
+            input: &mut Parser,
+        ) -> Result<SingleAnimation, ParseError> {
+            let mut name = None;
+            let mut duration = None;
+            let mut timing_function = None;
+            let mut delay = None;
+            let mut iteration_count = None;
+            let mut direction = None;
+            let mut fill_mode = None;
+            let mut play_state = None;
+
+            let mut parsed = 0;
+            loop {
+                parsed += 1;
+                try_parse_one!(
+                    context,
+                    input,
+                    duration,
+                    animation_duration::single_value::parse
+                );
+                try_parse_one!(
+                    context,
+                    input,
+                    timing_function,
+                    animation_timing_function::single_value::parse
+                );
+                try_parse_one!(context, input, delay, animation_delay::single_value::parse);
+                try_parse_one!(
+                    context,
+                    input,
+                    iteration_count,
+                    animation_iteration_count::single_value::parse
+                );
+                try_parse_one!(
+                    context,
+                    input,
+                    direction,
+                    animation_direction::single_value::parse
+                );
+                try_parse_one!(
+                    context,
+                    input,
+                    fill_mode,
+                    animation_fill_mode::single_value::parse
+                );
+                try_parse_one!(
+                    context,
+                    input,
+                    play_state,
+                    animation_play_state::single_value::parse
+                );
+                try_parse_one!(context, input, name, animation_name::single_value::parse);
+                parsed -= 1;
+                break;
+            }
+
+            if parsed == 0 {
+                return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+            }
+            Ok(SingleAnimation {
+                animation_name: name
+                    .unwrap_or_else(animation_name::single_value::get_initial_specified_value),
+                animation_duration: duration
+                    .unwrap_or_else(animation_duration::single_value::get_initial_specified_value),
+                animation_timing_function: timing_function.unwrap_or_else(
+                    animation_timing_function::single_value::get_initial_specified_value,
+                ),
+                animation_delay: delay
+                    .unwrap_or_else(animation_delay::single_value::get_initial_specified_value),
+                animation_iteration_count: iteration_count.unwrap_or_else(
+                    animation_iteration_count::single_value::get_initial_specified_value,
+                ),
+                animation_direction: direction
+                    .unwrap_or_else(animation_direction::single_value::get_initial_specified_value),
+                animation_fill_mode: fill_mode
+                    .unwrap_or_else(animation_fill_mode::single_value::get_initial_specified_value),
+                animation_play_state: play_state.unwrap_or_else(
+                    animation_play_state::single_value::get_initial_specified_value,
+                ),
+            })
+        }
+
+        let mut names = vec![];
+        let mut durations = vec![];
+        let mut timing_functions = vec![];
+        let mut delays = vec![];
+        let mut iteration_counts = vec![];
+        let mut directions = vec![];
+        let mut fill_modes = vec![];
+        let mut play_states = vec![];
+
+        let results = input.parse_comma_separated(|i| parse_one_animation(context, i))?;
+        for result in results.into_iter() {
+            names.push(result.animation_name);
+            durations.push(result.animation_duration);
+            timing_functions.push(result.animation_timing_function);
+            delays.push(result.animation_delay);
+            iteration_counts.push(result.animation_iteration_count);
+            directions.push(result.animation_direction);
+            fill_modes.push(result.animation_fill_mode);
+            play_states.push(result.animation_play_state);
+        }
+
+        Ok(expanded! {
+            animation_name: animation_name::SpecifiedValue(names.into()),
+            animation_duration: animation_duration::SpecifiedValue(durations.into()),
+            animation_timing_function: animation_timing_function::SpecifiedValue(timing_functions.into()),
+            animation_delay: animation_delay::SpecifiedValue(delays.into()),
+            animation_iteration_count: animation_iteration_count::SpecifiedValue(iteration_counts.into()),
+            animation_direction: animation_direction::SpecifiedValue(directions.into()),
+            animation_fill_mode: animation_fill_mode::SpecifiedValue(fill_modes.into()),
+            animation_play_state: animation_play_state::SpecifiedValue(play_states.into()),
+            animation_timeline: animation_timeline::SpecifiedValue(
+                vec![animation_timeline::single_value::get_initial_specified_value()].into()
+            ),
+            // The animation-range properties are reset-only sub-properties of the animation
+            // shorthand.
+            // https://drafts.csswg.org/scroll-animations-1/#named-range-animation-declaration
+            animation_range_start: animation_range_start::SpecifiedValue(
+                vec![animation_range_start::single_value::get_initial_specified_value()].into()
+            ),
+            animation_range_end: animation_range_end::SpecifiedValue(
+                vec![animation_range_end::single_value::get_initial_specified_value()].into()
+            ),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use crate::values::specified::easing::TimingFunction;
+            use crate::values::specified::{
+                AnimationDirection, AnimationFillMode, AnimationPlayState,
+            };
+            use crate::Zero;
+            use style_traits::values::SequenceWriter;
+
+            let len = self.animation_name.0.len();
+            if len == 0 {
+                return Ok(());
+            }
+
+            if len != self.animation_duration.0.len() {
+                return Ok(());
+            }
+            if len != self.animation_timing_function.0.len() {
+                return Ok(());
+            }
+            if len != self.animation_delay.0.len() {
+                return Ok(());
+            }
+            if len != self.animation_iteration_count.0.len() {
+                return Ok(());
+            }
+            if len != self.animation_direction.0.len() {
+                return Ok(());
+            }
+            if len != self.animation_fill_mode.0.len() {
+                return Ok(());
+            }
+            if len != self.animation_play_state.0.len() {
+                return Ok(());
+            }
+
+            // We don't serialize animation-timeline, animation-range-start and animation-range-end
+            // if any of them are not the initial value.
+            if self
+                .animation_timeline
+                .is_some_and(|v| v.0.len() != 1 || !v.0[0].is_auto())
+            {
+                return Ok(());
+            }
+            if self
+                .animation_range_start
+                .is_some_and(|v| v.0.len() != 1 || !v.0[0].0.is_normal())
+            {
+                return Ok(());
+            }
+            if self
+                .animation_range_end
+                .is_some_and(|v| v.0.len() != 1 || !v.0[0].0.is_normal())
+            {
+                return Ok(());
+            }
+
+            for i in 0..len {
+                if i != 0 {
+                    dest.write_str(", ")?;
+                }
+
+                let has_duration = !self.animation_duration.0[i].is_auto()
+                    && !self.animation_duration.0[i].is_zero();
+                let has_timing_function = !self.animation_timing_function.0[i].is_ease();
+                let has_delay = !self.animation_delay.0[i].is_zero();
+                let has_iteration_count = !self.animation_iteration_count.0[i].is_one();
+                let has_direction =
+                    !matches!(self.animation_direction.0[i], AnimationDirection::Normal);
+                let has_fill_mode =
+                    !matches!(self.animation_fill_mode.0[i], AnimationFillMode::None);
+                let has_play_state =
+                    !matches!(self.animation_play_state.0[i], AnimationPlayState::Running);
+                let animation_name = &self.animation_name.0[i];
+                let has_name = !animation_name.is_none();
+
+                let mut writer = SequenceWriter::new(dest, " ");
+
+                if has_duration || has_delay {
+                    writer.item(&self.animation_duration.0[i])?;
+                }
+
+                if has_timing_function || TimingFunction::match_keywords(animation_name) {
+                    writer.item(&self.animation_timing_function.0[i])?;
+                }
+
+                if has_delay {
+                    writer.item(&self.animation_delay.0[i])?;
+                }
+                if has_iteration_count {
+                    writer.item(&self.animation_iteration_count.0[i])?;
+                }
+
+                if has_direction || AnimationDirection::match_keywords(animation_name) {
+                    writer.item(&self.animation_direction.0[i])?;
+                }
+
+                if has_fill_mode || AnimationFillMode::match_keywords(animation_name) {
+                    writer.item(&self.animation_fill_mode.0[i])?;
+                }
+
+                if has_play_state || AnimationPlayState::match_keywords(animation_name) {
+                    writer.item(&self.animation_play_state.0[i])?;
+                }
+
+                if has_name || !writer.has_written() {
+                    writer.item(animation_name)?;
+                }
+            }
+            Ok(())
+        }
+    }
+}
+
+pub mod mask {
+    pub use crate::properties::generated::shorthands::mask::*;
+
+    use super::*;
+    use crate::parser::Parse;
+    use crate::properties::longhands::{
+        mask_clip, mask_composite, mask_mode, mask_origin, mask_position_x, mask_position_y,
+        mask_repeat,
+    };
+    use crate::properties::longhands::{mask_image, mask_size};
+    use crate::values::specified::{Position, PositionComponent};
+
+    impl From<mask_origin::single_value::SpecifiedValue> for mask_clip::single_value::SpecifiedValue {
+        fn from(
+            origin: mask_origin::single_value::SpecifiedValue,
+        ) -> mask_clip::single_value::SpecifiedValue {
+            match origin {
+                mask_origin::single_value::SpecifiedValue::ContentBox => {
+                    mask_clip::single_value::SpecifiedValue::ContentBox
+                },
+                mask_origin::single_value::SpecifiedValue::PaddingBox => {
+                    mask_clip::single_value::SpecifiedValue::PaddingBox
+                },
+                mask_origin::single_value::SpecifiedValue::BorderBox => {
+                    mask_clip::single_value::SpecifiedValue::BorderBox
+                },
+                #[cfg(feature = "gecko")]
+                mask_origin::single_value::SpecifiedValue::FillBox => {
+                    mask_clip::single_value::SpecifiedValue::FillBox
+                },
+                #[cfg(feature = "gecko")]
+                mask_origin::single_value::SpecifiedValue::StrokeBox => {
+                    mask_clip::single_value::SpecifiedValue::StrokeBox
+                },
+                #[cfg(feature = "gecko")]
+                mask_origin::single_value::SpecifiedValue::ViewBox => {
+                    mask_clip::single_value::SpecifiedValue::ViewBox
+                },
+            }
+        }
+    }
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut mask_image = Vec::with_capacity(1);
+        let mut mask_mode = Vec::with_capacity(1);
+        let mut mask_position_x = Vec::with_capacity(1);
+        let mut mask_position_y = Vec::with_capacity(1);
+        let mut mask_size = Vec::with_capacity(1);
+        let mut mask_repeat = Vec::with_capacity(1);
+        let mut mask_origin = Vec::with_capacity(1);
+        let mut mask_clip = Vec::with_capacity(1);
+        let mut mask_composite = Vec::with_capacity(1);
+
+        input.parse_comma_separated(|input| {
+            let mut image = None;
+            let mut mode = None;
+            let mut position = None;
+            let mut size = None;
+            let mut repeat = None;
+            let mut origin = None;
+            let mut clip = None;
+            let mut composite = None;
+            let mut parsed = 0;
+            loop {
+                parsed += 1;
+
+                try_parse_one!(context, input, image, mask_image::single_value::parse);
+                if position.is_none() {
+                    if let Ok(value) = input.try_parse(|input| Position::parse(context, input)) {
+                        position = Some(value);
+                        size = input
+                            .try_parse(|input| {
+                                input.expect_delim('/')?;
+                                mask_size::single_value::parse(context, input)
+                            })
+                            .ok();
+
+                        continue;
+                    }
+                }
+                try_parse_one!(context, input, repeat, mask_repeat::single_value::parse);
+                try_parse_one!(context, input, origin, mask_origin::single_value::parse);
+                try_parse_one!(context, input, clip, mask_clip::single_value::parse);
+                try_parse_one!(
+                    context,
+                    input,
+                    composite,
+                    mask_composite::single_value::parse
+                );
+                try_parse_one!(context, input, mode, mask_mode::single_value::parse);
+
+                parsed -= 1;
+                break;
+            }
+            if clip.is_none() {
+                if let Some(origin) = origin {
+                    clip = Some(mask_clip::single_value::SpecifiedValue::from(origin));
+                }
+            }
+            if parsed == 0 {
+                return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+            }
+            if let Some(position) = position {
+                mask_position_x.push(position.horizontal);
+                mask_position_y.push(position.vertical);
+            } else {
+                mask_position_x.push(PositionComponent::zero());
+                mask_position_y.push(PositionComponent::zero());
+            }
+            if let Some(m_image) = image {
+                mask_image.push(m_image);
+            } else {
+                mask_image.push(mask_image::single_value::get_initial_specified_value());
+            }
+            if let Some(m_mode) = mode {
+                mask_mode.push(m_mode);
+            } else {
+                mask_mode.push(mask_mode::single_value::get_initial_specified_value());
+            }
+            if let Some(m_size) = size {
+                mask_size.push(m_size);
+            } else {
+                mask_size.push(mask_size::single_value::get_initial_specified_value());
+            }
+            if let Some(m_repeat) = repeat {
+                mask_repeat.push(m_repeat);
+            } else {
+                mask_repeat.push(mask_repeat::single_value::get_initial_specified_value());
+            }
+            if let Some(m_origin) = origin {
+                mask_origin.push(m_origin);
+            } else {
+                mask_origin.push(mask_origin::single_value::get_initial_specified_value());
+            }
+            if let Some(m_clip) = clip {
+                mask_clip.push(m_clip);
+            } else {
+                mask_clip.push(mask_clip::single_value::get_initial_specified_value());
+            }
+            if let Some(m_composite) = composite {
+                mask_composite.push(m_composite);
+            } else {
+                mask_composite.push(mask_composite::single_value::get_initial_specified_value());
+            }
+            Ok(())
+        })?;
+
+        Ok(expanded! {
+           mask_image: mask_image::SpecifiedValue(mask_image.into()),
+           mask_mode: mask_mode::SpecifiedValue(mask_mode.into()),
+           mask_position_x: mask_position_x::SpecifiedValue(mask_position_x.into()),
+           mask_position_y: mask_position_y::SpecifiedValue(mask_position_y.into()),
+           mask_size: mask_size::SpecifiedValue(mask_size.into()),
+           mask_repeat: mask_repeat::SpecifiedValue(mask_repeat.into()),
+           mask_origin: mask_origin::SpecifiedValue(mask_origin.into()),
+           mask_clip: mask_clip::SpecifiedValue(mask_clip.into()),
+           mask_composite: mask_composite::SpecifiedValue(mask_composite.into()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            use crate::properties::longhands::mask_clip::single_value::computed_value::T as Clip;
+            use crate::properties::longhands::mask_origin::single_value::computed_value::T as Origin;
+            use style_traits::values::SequenceWriter;
+
+            let len = self.mask_image.0.len();
+            if len == 0 {
+                return Ok(());
+            }
+            if self.mask_mode.0.len() != len {
+                return Ok(());
+            }
+            if self.mask_position_x.0.len() != len {
+                return Ok(());
+            }
+            if self.mask_position_y.0.len() != len {
+                return Ok(());
+            }
+            if self.mask_size.0.len() != len {
+                return Ok(());
+            }
+            if self.mask_repeat.0.len() != len {
+                return Ok(());
+            }
+            if self.mask_origin.0.len() != len {
+                return Ok(());
+            }
+            if self.mask_clip.0.len() != len {
+                return Ok(());
+            }
+            if self.mask_composite.0.len() != len {
+                return Ok(());
+            }
+
+            for i in 0..len {
+                if i > 0 {
+                    dest.write_str(", ")?;
+                }
+
+                let image = &self.mask_image.0[i];
+                let mode = &self.mask_mode.0[i];
+                let position_x = &self.mask_position_x.0[i];
+                let position_y = &self.mask_position_y.0[i];
+                let size = &self.mask_size.0[i];
+                let repeat = &self.mask_repeat.0[i];
+                let origin = &self.mask_origin.0[i];
+                let clip = &self.mask_clip.0[i];
+                let composite = &self.mask_composite.0[i];
+
+                let mut has_other = false;
+                let has_image = *image != mask_image::single_value::get_initial_specified_value();
+                has_other |= has_image;
+                let has_mode = *mode != mask_mode::single_value::get_initial_specified_value();
+                has_other |= has_mode;
+                let has_size = *size != mask_size::single_value::get_initial_specified_value();
+                has_other |= has_size;
+                let has_repeat =
+                    *repeat != mask_repeat::single_value::get_initial_specified_value();
+                has_other |= has_repeat;
+                let has_composite =
+                    *composite != mask_composite::single_value::get_initial_specified_value();
+                has_other |= has_composite;
+                let has_position = *position_x != PositionComponent::zero()
+                    || *position_y != PositionComponent::zero();
+                let has_origin = *origin != Origin::BorderBox;
+                let has_clip = *clip != Clip::BorderBox;
+
+                if !has_other && !has_position && !has_origin && !has_clip {
+                    return image.to_css(dest);
+                }
+
+                let mut writer = SequenceWriter::new(dest, " ");
+                if has_image {
+                    writer.item(image)?;
+                }
+                if has_position || has_size {
+                    writer.write_item(|dest| {
+                        Position {
+                            horizontal: position_x.clone(),
+                            vertical: position_y.clone(),
+                        }
+                        .to_css(dest)?;
+                        if has_size {
+                            dest.write_str(" / ")?;
+                            size.to_css(dest)?;
+                        }
+                        Ok(())
+                    })?;
+                }
+
+                if has_repeat {
+                    writer.item(repeat)?;
+                }
+
+                #[cfg(feature = "gecko")]
+                {
+                    if has_origin || (has_clip && *clip != Clip::NoClip) {
+                        writer.item(origin)?;
+                    }
+                }
+
+                #[cfg(feature = "servo")]
+                {
+                    if has_origin || has_clip {
+                        writer.item(origin)?;
+                    }
+                }
+
+                if has_clip && *clip != From::from(*origin) {
+                    writer.item(clip)?;
+                }
+
+                if has_composite {
+                    writer.item(composite)?;
+                }
+
+                if has_mode {
+                    writer.item(mode)?;
+                }
+            }
+
+            Ok(())
+        }
+    }
+}
+
+pub mod mask_position {
+    pub use crate::properties::generated::shorthands::mask_position::*;
+
+    use super::*;
+    use crate::properties::longhands::{mask_position_x, mask_position_y};
+    use crate::values::specified::Position;
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        // Vec grows from 0 to 4 by default on first push().  So allocate with capacity 1, so in
+        // the common case of only one item we don't way overallocate, then shrink.  Note that we
+        // always push at least one item if parsing succeeds.
+        let mut position_x = Vec::with_capacity(1);
+        let mut position_y = Vec::with_capacity(1);
+        input.parse_comma_separated(|input| {
+            let value = Position::parse(context, input)?;
+            position_x.push(value.horizontal);
+            position_y.push(value.vertical);
+            Ok(())
+        })?;
+
+        if position_x.is_empty() {
+            return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+        }
+
+        Ok(expanded! {
+            mask_position_x: mask_position_x::SpecifiedValue(position_x.into()),
+            mask_position_y: mask_position_y::SpecifiedValue(position_y.into()),
+        })
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            let len = self.mask_position_x.0.len();
+            if len == 0 || self.mask_position_y.0.len() != len {
+                return Ok(());
+            }
+
+            for i in 0..len {
+                Position {
+                    horizontal: self.mask_position_x.0[i].clone(),
+                    vertical: self.mask_position_y.0[i].clone(),
+                }
+                .to_css(dest)?;
+
+                if i < len - 1 {
+                    dest.write_str(", ")?;
+                }
+            }
+
+            Ok(())
+        }
+    }
+}
+
+pub mod grid_template {
+    pub use crate::properties::generated::shorthands::grid_template::*;
+
+    use super::*;
+    use crate::parser::Parse;
+    use crate::values::generics::grid::{concat_serialize_idents, TrackListValue};
+    use crate::values::generics::grid::{TrackList, TrackSize};
+    use crate::values::specified::grid::parse_line_names;
+    use crate::values::specified::position::{
+        GridTemplateAreas, TemplateAreasArc, TemplateAreasParser,
+    };
+    use crate::values::specified::{GenericGridTemplateComponent, GridTemplateComponent};
+    use servo_arc::Arc;
+
+    pub fn parse_grid_template(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<
+        (
+            GridTemplateComponent,
+            GridTemplateComponent,
+            GridTemplateAreas,
+        ),
+        ParseError,
+    > {
+        if let Ok(x) = input.try_parse(|i| {
+            if i.try_parse(|i| i.expect_ident_matching("none")).is_ok() {
+                if !i.is_exhausted() {
+                    return Err(());
+                }
+                return Ok((
+                    GenericGridTemplateComponent::None,
+                    GenericGridTemplateComponent::None,
+                    GridTemplateAreas::None,
+                ));
+            }
+            Err(())
+        }) {
+            return Ok(x);
+        }
+
+        let first_line_names = input.try_parse(parse_line_names).unwrap_or_default();
+        let mut areas_parser = TemplateAreasParser::default();
+        if areas_parser.try_parse_string(input).is_ok() {
+            let mut values = vec![];
+            let mut line_names = vec![];
+            line_names.push(first_line_names);
+            loop {
+                let size = input
+                    .try_parse(|i| TrackSize::parse(context, i))
+                    .unwrap_or_default();
+                values.push(TrackListValue::TrackSize(size));
+                let mut names = input.try_parse(parse_line_names).unwrap_or_default();
+                let more_names = input.try_parse(parse_line_names);
+
+                match areas_parser.try_parse_string(input) {
+                    Ok(()) => {
+                        if let Ok(v) = more_names {
+                            let mut names_vec = names.into_vec();
+                            names_vec.extend(v);
+                            names = names_vec.into();
+                        }
+                        line_names.push(names);
+                    },
+                    Err(e) => {
+                        if more_names.is_ok() {
+                            return Err(e);
+                        }
+                        line_names.push(names);
+                        break;
+                    },
+                };
+            }
+
+            if line_names.len() == values.len() {
+                line_names.push(Default::default());
+            }
+
+            let template_areas = areas_parser
+                .finish()
+                .map_err(|()| ParseError::custom(StyleParseErrorKind::UnspecifiedError))?;
+            let template_rows = TrackList {
+                values: values.into(),
+                line_names: line_names.into(),
+                auto_repeat_index: usize::MAX,
+            };
+
+            let template_cols = if input.try_parse(|i| i.expect_delim('/')).is_ok() {
+                let value = GridTemplateComponent::parse_without_none(context, input)?;
+                if let GenericGridTemplateComponent::TrackList(ref list) = value {
+                    if !list.is_explicit() {
+                        return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+                    }
+                }
+
+                value
+            } else {
+                GridTemplateComponent::default()
+            };
+
+            Ok((
+                GenericGridTemplateComponent::TrackList(Box::new(template_rows)),
+                template_cols,
+                GridTemplateAreas::Areas(TemplateAreasArc(Arc::new(template_areas))),
+            ))
+        } else {
+            let mut template_rows = GridTemplateComponent::parse(context, input)?;
+            if let GenericGridTemplateComponent::TrackList(ref mut list) = template_rows {
+                if list.line_names[0].is_empty() {
+                    list.line_names[0] = first_line_names;
+                } else {
+                    return Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError));
+                }
+            }
+
+            input.expect_delim('/')?;
+            Ok((
+                template_rows,
+                GridTemplateComponent::parse(context, input)?,
+                GridTemplateAreas::None,
+            ))
+        }
+    }
+
+    #[inline]
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let (rows, columns, areas) = parse_grid_template(context, input)?;
+        Ok(expanded! {
+            grid_template_rows: rows,
+            grid_template_columns: columns,
+            grid_template_areas: areas,
+        })
+    }
+
+    pub fn serialize_grid_template<W>(
+        template_rows: &GridTemplateComponent,
+        template_columns: &GridTemplateComponent,
+        template_areas: &GridTemplateAreas,
+        dest: &mut CssWriter<W>,
+    ) -> fmt::Result
+    where
+        W: fmt::Write,
+    {
+        match *template_areas {
+            GridTemplateAreas::None => {
+                if template_rows.is_initial() && template_columns.is_initial() {
+                    return GridTemplateComponent::default().to_css(dest);
+                }
+                template_rows.to_css(dest)?;
+                dest.write_str(" / ")?;
+                template_columns.to_css(dest)
+            },
+            GridTemplateAreas::Areas(ref areas) => {
+                if areas.0.strings.len() != template_rows.track_list_len() {
+                    return Ok(());
+                }
+
+                let track_list = match *template_rows {
+                    GenericGridTemplateComponent::TrackList(ref list) => {
+                        if !list.is_explicit() {
+                            return Ok(());
+                        }
+                        list
+                    },
+                    _ => return Ok(()),
+                };
+
+                match *template_columns {
+                    GenericGridTemplateComponent::TrackList(ref list) => {
+                        if !list.is_explicit() {
+                            return Ok(());
+                        }
+                    },
+                    GenericGridTemplateComponent::Subgrid(_) => {
+                        return Ok(());
+                    },
+                    _ => {},
+                }
+
+                let mut names_iter = track_list.line_names.iter();
+                for (((i, string), names), value) in areas
+                    .0
+                    .strings
+                    .iter()
+                    .enumerate()
+                    .zip(&mut names_iter)
+                    .zip(track_list.values.iter())
+                {
+                    if i > 0 {
+                        dest.write_char(' ')?;
+                    }
+
+                    if !names.is_empty() {
+                        concat_serialize_idents("[", "] ", names, " ", dest)?;
+                    }
+
+                    string.to_css(dest)?;
+
+                    if !value.is_initial() {
+                        dest.write_char(' ')?;
+                        value.to_css(dest)?;
+                    }
+                }
+
+                if let Some(names) = names_iter.next() {
+                    concat_serialize_idents(" [", "]", names, " ", dest)?;
+                }
+
+                if let GenericGridTemplateComponent::TrackList(ref list) = *template_columns {
+                    dest.write_str(" / ")?;
+                    list.to_css(dest)?;
+                }
+
+                Ok(())
+            },
+        }
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        #[inline]
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            serialize_grid_template(
+                self.grid_template_rows,
+                self.grid_template_columns,
+                self.grid_template_areas,
+                dest,
+            )
+        }
+    }
+}
+
+pub mod grid {
+    pub use crate::properties::generated::shorthands::grid::*;
+
+    use super::*;
+    use crate::parser::Parse;
+    use crate::properties::longhands::{grid_auto_columns, grid_auto_flow, grid_auto_rows};
+    use crate::values::generics::grid::GridTemplateComponent;
+    use crate::values::specified::position::{GridAutoFlow, GridTemplateAreas};
+    use crate::values::specified::{GenericGridTemplateComponent, ImplicitGridTracks};
+
+    pub fn parse_value(
+        context: &ParserContext,
+        input: &mut Parser,
+    ) -> Result<Longhands, ParseError> {
+        let mut temp_rows = GridTemplateComponent::default();
+        let mut temp_cols = GridTemplateComponent::default();
+        let mut temp_areas = GridTemplateAreas::None;
+        let mut auto_rows = ImplicitGridTracks::default();
+        let mut auto_cols = ImplicitGridTracks::default();
+        let mut flow = grid_auto_flow::get_initial_value();
+
+        fn parse_auto_flow(input: &mut Parser, is_row: bool) -> Result<GridAutoFlow, ParseError> {
+            let mut track = None;
+            let mut dense = GridAutoFlow::empty();
+
+            for _ in 0..2 {
+                if input
+                    .try_parse(|i| i.expect_ident_matching("auto-flow"))
+                    .is_ok()
+                {
+                    track = if is_row {
+                        Some(GridAutoFlow::ROW)
+                    } else {
+                        Some(GridAutoFlow::COLUMN)
+                    };
+                } else if input
+                    .try_parse(|i| i.expect_ident_matching("dense"))
+                    .is_ok()
+                {
+                    dense = GridAutoFlow::DENSE
+                } else {
+                    break;
+                }
+            }
+
+            if track.is_some() {
+                Ok(track.unwrap() | dense)
+            } else {
+                Err(ParseError::custom(StyleParseErrorKind::UnspecifiedError))
+            }
+        }
+
+        if let Ok((rows, cols, areas)) =
+            input.try_parse(|i| super::grid_template::parse_grid_template(context, i))
+        {
+            temp_rows = rows;
+            temp_cols = cols;
+            temp_areas = areas;
+        } else if let Ok(rows) = input.try_parse(|i| GridTemplateComponent::parse(context, i)) {
+            temp_rows = rows;
+            input.expect_delim('/')?;
+            flow = parse_auto_flow(input, false)?;
+            auto_cols = input
+                .try_parse(|i| grid_auto_columns::parse(context, i))
+                .unwrap_or_default();
+        } else {
+            flow = parse_auto_flow(input, true)?;
+            auto_rows = input
+                .try_parse(|i| grid_auto_rows::parse(context, i))
+                .unwrap_or_default();
+            input.expect_delim('/')?;
+            temp_cols = GridTemplateComponent::parse(context, input)?;
+        }
+
+        Ok(expanded! {
+            grid_template_rows: temp_rows,
+            grid_template_columns: temp_cols,
+            grid_template_areas: temp_areas,
+            grid_auto_rows: auto_rows,
+            grid_auto_columns: auto_cols,
+            grid_auto_flow: flow,
+        })
+    }
+
+    impl<'a> LonghandsToSerialize<'a> {
+        fn is_grid_template(&self) -> bool {
+            self.grid_auto_rows.is_initial()
+                && self.grid_auto_columns.is_initial()
+                && *self.grid_auto_flow == grid_auto_flow::get_initial_value()
+        }
+    }
+
+    impl<'a> ToCss for LonghandsToSerialize<'a> {
+        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result
+        where
+            W: fmt::Write,
+        {
+            if self.is_grid_template() {
+                return super::grid_template::serialize_grid_template(
+                    self.grid_template_rows,
+                    self.grid_template_columns,
+                    self.grid_template_areas,
+                    dest,
+                );
+            }
+
+            if *self.grid_template_areas != GridTemplateAreas::None {
+                return Ok(());
+            }
+
+            if self.grid_auto_flow.contains(GridAutoFlow::COLUMN) {
+                if !self.grid_auto_rows.is_initial() || !self.grid_template_columns.is_initial() {
+                    return Ok(());
+                }
+
+                if let GenericGridTemplateComponent::TrackList(ref list) = *self.grid_template_rows
+                {
+                    if !list.is_explicit() {
+                        return Ok(());
+                    }
+                }
+
+                self.grid_template_rows.to_css(dest)?;
+                dest.write_str(" / auto-flow")?;
+                if self.grid_auto_flow.contains(GridAutoFlow::DENSE) {
+                    dest.write_str(" dense")?;
+                }
+
+                if !self.grid_auto_columns.is_initial() {
+                    dest.write_char(' ')?;
+                    self.grid_auto_columns.to_css(dest)?;
+                }
+
+                return Ok(());
+            }
+
+            if !self.grid_auto_columns.is_initial() || !self.grid_template_rows.is_initial() {
+                return Ok(());
+            }
+
+            if let GenericGridTemplateComponent::TrackList(ref list) = *self.grid_template_columns {
+                if !list.is_explicit() {
+                    return Ok(());
+                }
+            }
+
+            dest.write_str("auto-flow")?;
+            if self.grid_auto_flow.contains(GridAutoFlow::DENSE) {
+                dest.write_str(" dense")?;
+            }
+
+            if !self.grid_auto_rows.is_initial() {
+                dest.write_char(' ')?;
+                self.grid_auto_rows.to_css(dest)?;
+            }
+
+            dest.write_str(" / ")?;
+            self.grid_template_columns.to_css(dest)?;
+            Ok(())
+        }
+    }
+}