Add parsing of CSS3 Multi-column layout module shorthand properties. (columns & column-rule)

svn path=/trunk/libcss/; revision=13416

8 files changed, 973 insertions, 6 deletions

diff --git a/src/parse/properties/Makefile b/src/parse/properties/Makefile
index 2cc192e..4aba48a 100644
--- a/src/parse/properties/Makefile
+++ b/src/parse/properties/Makefile
@@ -54,7 +54,8 @@ DIR_SOURCES := azimuth.c text_decoration.c background.c			\
 	font_family.c list_style.c padding.c cursor.c			\
 	list_style_type.c pause.c border.c border_width.c margin.c	\
 	play_during.c clip.c properties.c border_color.c content.c	\
-	elevation.c font_weight.c quotes.c utils.c opacity.c
+	elevation.c font_weight.c quotes.c utils.c opacity.c columns.c	\
+	column_rule.c
 
 DIR_SOURCES := $(DIR_SOURCES) $(AUTOGEN_SOURCES)
 
diff --git a/src/parse/properties/column_rule.c b/src/parse/properties/column_rule.c
new file mode 100644
index 0000000..ba57565
--- /dev/null
+++ b/src/parse/properties/column_rule.c
@@ -0,0 +1,177 @@
+/*
+ * This file is part of LibCSS.
+ * Licensed under the MIT License,
+ *		  http://www.opensource.org/licenses/mit-license.php
+ * Copyright 2012 Michael Drake <tlsa@netsurf-browser.org>
+ */
+
+#include <assert.h>
+#include <string.h>
+
+#include "bytecode/bytecode.h"
+#include "bytecode/opcodes.h"
+#include "parse/properties/properties.h"
+#include "parse/properties/utils.h"
+
+/**
+ * Parse column-rule shorthand
+ *
+ * \param c	  Parsing context
+ * \param vector  Vector of tokens to process
+ * \param ctx	  Pointer to vector iteration context
+ * \param result  Pointer to location to receive resulting style
+ * \return CSS_OK on success,
+ *	   CSS_NOMEM on memory exhaustion,
+ *	   CSS_INVALID if the input is not valid
+ *
+ * Post condition: \a *ctx is updated with the next token to process
+ *		   If the input is invalid, then \a *ctx remains unchanged.
+ */
+css_error css__parse_column_rule(css_language *c,
+		const parserutils_vector *vector, int *ctx,
+		css_style *result)
+{
+	int orig_ctx = *ctx;
+	int prev_ctx;
+	const css_token *token;
+	css_error error;
+	bool color = true;
+	bool style = true;
+	bool width = true;
+	css_style *color_style;
+	css_style *style_style;
+	css_style *width_style;
+
+	/* Firstly, handle inherit */
+	token = parserutils_vector_peek(vector, *ctx);
+	if (token == NULL)
+		return CSS_INVALID;
+
+	if (is_css_inherit(c, token)) {
+		error = css_stylesheet_style_inherit(result,
+				CSS_PROP_COLUMN_RULE_COLOR);
+		if (error != CSS_OK)
+			return error;
+
+		error = css_stylesheet_style_inherit(result,
+				CSS_PROP_COLUMN_RULE_STYLE);
+		if (error != CSS_OK)
+			return error;
+
+		error = css_stylesheet_style_inherit(result,
+				CSS_PROP_COLUMN_RULE_WIDTH);
+
+		if (error == CSS_OK)
+			parserutils_vector_iterate(vector, ctx);
+
+		return error;
+	}
+
+	/* Allocate for styles */
+	error = css__stylesheet_style_create(c->sheet, &color_style);
+	if (error != CSS_OK)
+		return error;
+
+	error = css__stylesheet_style_create(c->sheet, &style_style);
+	if (error != CSS_OK) {
+		css__stylesheet_style_destroy(color_style);
+		return error;
+	}
+
+	error = css__stylesheet_style_create(c->sheet, &width_style);
+	if (error != CSS_OK) {
+		css__stylesheet_style_destroy(color_style);
+		css__stylesheet_style_destroy(style_style);
+		return error;
+	}
+
+	/* Attempt to parse the various longhand properties */
+	do {
+		prev_ctx = *ctx;
+		error = CSS_OK;
+
+		/* Ensure that we're not about to parse another inherit */
+		token = parserutils_vector_peek(vector, *ctx);
+		if (token != NULL && is_css_inherit(c, token)) {
+			error = CSS_INVALID;
+			goto css__parse_column_rule_cleanup;
+		}
+
+		if ((color) &&
+				(error = css__parse_column_rule_color(c, vector,
+						ctx, color_style)) == CSS_OK) {
+			color = false;
+		} else if ((style) &&
+				(error = css__parse_column_rule_style(c, vector,
+						ctx, style_style)) == CSS_OK) {
+			style = false;
+		} else if ((width) &&
+				(error = css__parse_column_rule_width(c, vector,
+						ctx, width_style)) == CSS_OK) {
+			width = false;
+		}
+
+		if (error == CSS_OK) {
+			consumeWhitespace(vector, ctx);
+
+			token = parserutils_vector_peek(vector, *ctx);
+		} else {
+			/* Forcibly cause loop to exit */
+			token = NULL;
+		}
+	} while (*ctx != prev_ctx && token != NULL);
+
+	/* Set unset properties to initial values */
+	if (color) {
+		error = css__stylesheet_style_appendOPV(color_style,
+				CSS_PROP_COLUMN_RULE_COLOR, 0,
+				COLUMN_RULE_COLOR_SET);
+		if (error != CSS_OK)
+			goto css__parse_column_rule_cleanup;
+
+		/** TODO: initial colour should be the UA-defined initial
+		 *        value of the "color" property, not "0" */
+		error = css__stylesheet_style_append(color_style, 0x00000000);
+		if (error != CSS_OK)
+			goto css__parse_column_rule_cleanup;
+	}
+
+	if (style) {
+		error = css__stylesheet_style_appendOPV(style_style,
+				CSS_PROP_COLUMN_RULE_STYLE, 0,
+				COLUMN_RULE_STYLE_NONE);
+		if (error != CSS_OK)
+			goto css__parse_column_rule_cleanup;
+	}
+
+	if (width) {
+		error = css__stylesheet_style_appendOPV(width_style,
+				CSS_PROP_COLUMN_RULE_WIDTH, 0,
+				COLUMN_RULE_WIDTH_MEDIUM);
+		if (error != CSS_OK)
+			goto css__parse_column_rule_cleanup;
+	}
+
+	/* Merge styles into the result */
+	error = css__stylesheet_merge_style(result, color_style);
+	if (error != CSS_OK)
+		goto css__parse_column_rule_cleanup;
+
+	error = css__stylesheet_merge_style(result, style_style);
+	if (error != CSS_OK)
+		goto css__parse_column_rule_cleanup;
+
+	error = css__stylesheet_merge_style(result, width_style);
+
+
+css__parse_column_rule_cleanup:
+
+	css__stylesheet_style_destroy(width_style);
+	css__stylesheet_style_destroy(style_style);
+	css__stylesheet_style_destroy(color_style);
+
+	if (error != CSS_OK)
+		*ctx = orig_ctx;
+
+	return error;
+}
diff --git a/src/parse/properties/columns.c b/src/parse/properties/columns.c
new file mode 100644
index 0000000..b245740
--- /dev/null
+++ b/src/parse/properties/columns.c
@@ -0,0 +1,141 @@
+/*
+ * This file is part of LibCSS.
+ * Licensed under the MIT License,
+ *		  http://www.opensource.org/licenses/mit-license.php
+ * Copyright 2012 Michael Drake <tlsa@netsurf-browser.org>
+ */
+
+#include <assert.h>
+#include <string.h>
+
+#include "bytecode/bytecode.h"
+#include "bytecode/opcodes.h"
+#include "parse/properties/properties.h"
+#include "parse/properties/utils.h"
+
+/**
+ * Parse columns shorthand
+ *
+ * \param c	  Parsing context
+ * \param vector  Vector of tokens to process
+ * \param ctx	  Pointer to vector iteration context
+ * \param result  Pointer to location to receive resulting style
+ * \return CSS_OK on success,
+ *	   CSS_NOMEM on memory exhaustion,
+ *	   CSS_INVALID if the input is not valid
+ *
+ * Post condition: \a *ctx is updated with the next token to process
+ *		   If the input is invalid, then \a *ctx remains unchanged.
+ */
+css_error css__parse_columns(css_language *c,
+		const parserutils_vector *vector, int *ctx,
+		css_style *result)
+{
+	int orig_ctx = *ctx;
+	int prev_ctx;
+	const css_token *token;
+	css_error error = CSS_OK;
+	bool width = true;
+	bool count = true;
+	css_style *width_style;
+	css_style *count_style;
+
+	/* Firstly, handle inherit */
+	token = parserutils_vector_peek(vector, *ctx);
+	if (token == NULL)
+		return CSS_INVALID;
+
+	if (is_css_inherit(c, token)) {
+		error = css_stylesheet_style_inherit(result,
+				CSS_PROP_COLUMN_WIDTH);
+		if (error != CSS_OK)
+			return error;
+
+		error = css_stylesheet_style_inherit(result,
+				CSS_PROP_COLUMN_COUNT);
+		if (error == CSS_OK)
+			parserutils_vector_iterate(vector, ctx);
+
+		return error;
+	}
+
+	/* Allocate for styles */
+	error = css__stylesheet_style_create(c->sheet, &width_style);
+	if (error != CSS_OK)
+		return error;
+
+	error = css__stylesheet_style_create(c->sheet, &count_style);
+	if (error != CSS_OK) {
+		css__stylesheet_style_destroy(width_style);
+		return error;
+	}
+
+	/* Attempt to parse the various longhand properties */
+	do {
+		prev_ctx = *ctx;
+		error = CSS_OK;
+
+		if (is_css_inherit(c, token)) {
+			/* Can't have another inherit */
+			error = CSS_INVALID;
+			goto css__parse_columns_cleanup;
+		}
+
+		/* Try each property parser in turn, but only if we
+		 * haven't already got a value for this property.
+		 */
+		if ((width) &&
+				(error = css__parse_column_width(c, vector, ctx,
+						width_style)) == CSS_OK) {
+			width = false;
+		} else if ((count) &&
+				(error = css__parse_column_count(c, vector, ctx,
+						count_style)) == CSS_OK) {
+			count = false;
+		}
+
+		if (error == CSS_OK) {
+			consumeWhitespace(vector, ctx);
+
+			token = parserutils_vector_peek(vector, *ctx);
+		} else {
+			/* Forcibly cause loop to exit */
+			token = NULL;
+		}
+	} while (*ctx != prev_ctx && token != NULL);
+
+	/* Set unset properties to initial values */
+	if (width) {
+		error = css__stylesheet_style_appendOPV(width_style,
+				CSS_PROP_COLUMN_WIDTH, 0,
+				COLUMN_WIDTH_AUTO);
+		if (error != CSS_OK)
+			goto css__parse_columns_cleanup;
+	}
+
+	if (count) {
+		error = css__stylesheet_style_appendOPV(count_style,
+				CSS_PROP_COLUMN_COUNT, 0,
+				COLUMN_COUNT_AUTO);
+		if (error != CSS_OK)
+			goto css__parse_columns_cleanup;
+	}
+
+	/* Merge styles into the result */
+	error = css__stylesheet_merge_style(result, width_style);
+	if (error != CSS_OK)
+		goto css__parse_columns_cleanup;
+
+	error = css__stylesheet_merge_style(result, count_style);
+
+
+css__parse_columns_cleanup:
+	css__stylesheet_style_destroy(width_style);
+	css__stylesheet_style_destroy(count_style);
+
+	if (error != CSS_OK)
+		*ctx = orig_ctx;
+
+	return error;
+}
+
diff --git a/src/parse/properties/properties.c b/src/parse/properties/properties.c
index 9918366..e8ca3ce 100644
--- a/src/parse/properties/properties.c
+++ b/src/parse/properties/properties.c
@@ -49,9 +49,11 @@ const css_prop_handler property_handlers[LAST_PROP + 1 - FIRST_PROP] =
 	css__parse_clear,
 	css__parse_clip,
 	css__parse_color,
+	css__parse_columns,
 	css__parse_column_count,
 	css__parse_column_fill,
 	css__parse_column_gap,
+	css__parse_column_rule,
 	css__parse_column_rule_color,
 	css__parse_column_rule_style,
 	css__parse_column_rule_width,
diff --git a/src/parse/properties/properties.h b/src/parse/properties/properties.h
index b3d2eb4..7280d93 100644
--- a/src/parse/properties/properties.h
+++ b/src/parse/properties/properties.h
@@ -133,6 +133,9 @@ css_error css__parse_clip(css_language *c,
 css_error css__parse_color(css_language *c,
 		const parserutils_vector *vector, int *ctx, 
 		css_style *result);
+css_error css__parse_columns(css_language *c,
+		const parserutils_vector *vector, int *ctx, 
+		css_style *result);
 css_error css__parse_column_count(css_language *c,
 		const parserutils_vector *vector, int *ctx, 
 		css_style *result);
@@ -142,6 +145,9 @@ css_error css__parse_column_fill(css_language *c,
 css_error css__parse_column_gap(css_language *c,
 		const parserutils_vector *vector, int *ctx, 
 		css_style *result);
+css_error css__parse_column_rule(css_language *c,
+		const parserutils_vector *vector, int *ctx, 
+		css_style *result);
 css_error css__parse_column_rule_color(css_language *c,
 		const parserutils_vector *vector, int *ctx, 
 		css_style *result);
diff --git a/src/parse/propstrings.c b/src/parse/propstrings.c
index 9ea4707..7a4abd5 100644
--- a/src/parse/propstrings.c
+++ b/src/parse/propstrings.c
@@ -112,9 +112,11 @@ const stringmap_entry stringmap[LAST_KNOWN] = {
 	{ "clear", SLEN("clear") },
 	{ "clip", SLEN("clip") },
 	{ "color", SLEN("color") },
+	{ "columns", SLEN("columns") },
 	{ "column-count", SLEN("column-count") },
 	{ "column-fill", SLEN("column-fill") },
 	{ "column-gap", SLEN("column-gap") },
+	{ "column-rule", SLEN("column-rule") },
 	{ "column-rule-color", SLEN("column-rule-color") },
 	{ "column-rule-style", SLEN("column-rule-style") },
 	{ "column-rule-width", SLEN("column-rule_width") },
diff --git a/src/parse/propstrings.h b/src/parse/propstrings.h
index ffa69ee..01108a8 100644
--- a/src/parse/propstrings.h
+++ b/src/parse/propstrings.h
@@ -43,11 +43,11 @@ enum {
 	BORDER_RIGHT_STYLE, BORDER_RIGHT_WIDTH, BORDER_SPACING, 
 	BORDER_STYLE, BORDER_TOP, BORDER_TOP_COLOR, BORDER_TOP_STYLE, 
 	BORDER_TOP_WIDTH, BORDER_WIDTH, BOTTOM, BREAK_AFTER, BREAK_BEFORE,
-	BREAK_INSIDE, CAPTION_SIDE, CLEAR, CLIP, COLOR, COLUMN_COUNT,
-	COLUMN_FILL, COLUMN_GAP, COLUMN_RULE_COLOR, COLUMN_RULE_STYLE,
-	COLUMN_RULE_WIDTH, COLUMN_SPAN, COLUMN_WIDTH, CONTENT,
-	COUNTER_INCREMENT, COUNTER_RESET, CUE, CUE_AFTER, CUE_BEFORE, CURSOR,
-	DIRECTION, DISPLAY, ELEVATION, EMPTY_CELLS, LIBCSS_FLOAT, FONT,
+	BREAK_INSIDE, CAPTION_SIDE, CLEAR, CLIP, COLOR, COLUMNS, COLUMN_COUNT,
+	COLUMN_FILL, COLUMN_GAP, COLUMN_RULE, COLUMN_RULE_COLOR,
+	COLUMN_RULE_STYLE, COLUMN_RULE_WIDTH, COLUMN_SPAN, COLUMN_WIDTH,
+	CONTENT, COUNTER_INCREMENT, COUNTER_RESET, CUE, CUE_AFTER, CUE_BEFORE,
+	CURSOR, DIRECTION, DISPLAY, ELEVATION, EMPTY_CELLS, LIBCSS_FLOAT, FONT,
 	FONT_FAMILY, FONT_SIZE, FONT_STYLE, FONT_VARIANT, FONT_WEIGHT, HEIGHT,
 	LEFT, LETTER_SPACING, LINE_HEIGHT, LIST_STYLE, LIST_STYLE_IMAGE,
 	LIST_STYLE_POSITION, LIST_STYLE_TYPE, MARGIN, MARGIN_BOTTOM,
diff --git a/test/data/parse2/multicol.dat b/test/data/parse2/multicol.dat
index d9a7650..b0bbfb6 100644
--- a/test/data/parse2/multicol.dat
+++ b/test/data/parse2/multicol.dat
@@ -663,3 +663,641 @@
 |  column-width: inherit
 #reset
 
+
+
+
+
+
+#data
+* { columns: 30em; }
+#errors
+#expected
+| *
+|  column-width: 30em
+|  column-count: auto
+#reset
+
+#data
+* { columns: auto; }
+#errors
+#expected
+| *
+|  column-width: auto
+|  column-count: auto
+#reset
+
+#data
+* { columns: auto auto; }
+#errors
+#expected
+| *
+|  column-width: auto
+|  column-count: auto
+#reset
+
+#data
+* { columns: 30em 2; }
+#errors
+#expected
+| *
+|  column-width: 30em
+|  column-count: 2
+#reset
+
+#data
+* { columns: 4; }
+#errors
+#expected
+| *
+|  column-width: auto
+|  column-count: 4
+#reset
+
+#data
+* { columns: 40%; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: 90deg; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: inherit 4; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: inherit 400px; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: auto auto auto; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: invalid; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: inherit 3em; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: 3em inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: 3 inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: inherit inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { columns: inherit; }
+#errors
+#expected
+| *
+|  column-width: inherit
+|  column-count: inherit
+#reset
+
+#data
+* { columns: inherit !important; }
+#errors
+#expected
+| *
+|  column-width: inherit !important
+|  column-count: inherit !important
+#reset
+
+#data
+* { columns: 30em !important; }
+#errors
+#expected
+| *
+|  column-width: 30em !important
+|  column-count: auto !important
+#reset
+
+#data
+* { columns: auto !important; }
+#errors
+#expected
+| *
+|  column-width: auto !important
+|  column-count: auto !important
+#reset
+
+#data
+* { columns: auto auto !important; }
+#errors
+#expected
+| *
+|  column-width: auto !important
+|  column-count: auto !important
+#reset
+
+#data
+* { columns: 30em 2 !important; }
+#errors
+#expected
+| *
+|  column-width: 30em !important
+|  column-count: 2 !important
+#reset
+
+#data
+* { columns: 4 !important; }
+#errors
+#expected
+| *
+|  column-width: auto !important
+|  column-count: 4 !important
+#reset
+
+#data
+* { column-rule: inherit; }
+#errors
+#expected
+| *
+|  column-rule-color: inherit
+|  column-rule-style: inherit
+|  column-rule-width: inherit
+#reset
+
+#data
+* { column-rule: red; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: none
+|  column-rule-width: medium
+#reset
+
+#data
+* { column-rule: transparent; }
+#errors
+#expected
+| *
+|  column-rule-color: transparent
+|  column-rule-style: none
+|  column-rule-width: medium
+#reset
+
+#data
+* { column-rule: currentColor; }
+#errors
+#expected
+| *
+|  column-rule-color: currentColor
+|  column-rule-style: none
+|  column-rule-width: medium
+#reset
+
+#data
+* { column-rule: solid; }
+#errors
+#expected
+| *
+|  column-rule-color: #00000000
+|  column-rule-style: solid
+|  column-rule-width: medium
+#reset
+
+#data
+* { column-rule: thin; }
+#errors
+#expected
+| *
+|  column-rule-color: #00000000
+|  column-rule-style: none
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: red solid; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: solid
+|  column-rule-width: medium
+#reset
+
+#data
+* { column-rule: solid red; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: solid
+|  column-rule-width: medium
+#reset
+
+#data
+* { column-rule: red thin; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: none
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: thin red; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: none
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: solid thin; }
+#errors
+#expected
+| *
+|  column-rule-color: #00000000
+|  column-rule-style: solid
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: thin solid; }
+#errors
+#expected
+| *
+|  column-rule-color: #00000000
+|  column-rule-style: solid
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: red solid thin; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: solid
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: red thin solid; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: solid
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: solid red thin; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: solid
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: solid thin red; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: solid
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: thin red solid; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: solid
+|  column-rule-width: thin
+#reset
+
+#data
+* { column-rule: thin solid red; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000
+|  column-rule-style: solid
+|  column-rule-width: thin
+#reset
+
+
+#data
+* { column-rule: inherit !important; }
+#errors
+#expected
+| *
+|  column-rule-color: inherit !important
+|  column-rule-style: inherit !important
+|  column-rule-width: inherit !important
+#reset
+
+#data
+* { column-rule: red !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: none !important
+|  column-rule-width: medium !important
+#reset
+
+#data
+* { column-rule: solid !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #00000000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: medium !important
+#reset
+
+#data
+* { column-rule: thin !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #00000000 !important
+|  column-rule-style: none !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: red solid !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: medium !important
+#reset
+
+#data
+* { column-rule: solid red !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: medium !important
+#reset
+
+#data
+* { column-rule: red thin !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: none !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: thin red !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: none !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: solid thin !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #00000000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: thin solid !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #00000000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: red solid thin !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: red thin solid !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: solid red thin !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: solid thin red !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: thin red solid !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: thin !important
+#reset
+
+#data
+* { column-rule: thin solid red !important; }
+#errors
+#expected
+| *
+|  column-rule-color: #ffff0000 !important
+|  column-rule-style: solid !important
+|  column-rule-width: thin !important
+#reset
+
+
+#data
+* { column-rule: invalid; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: ; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule:}
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: thin solid red inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: inherit thin solid #fff; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: inherit thin; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: thin inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: inherit inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: inherit #BBC !important; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: #BBC !important inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: red inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: inherit inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: inherit red; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: thin inherit red; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: thin inherit; }
+#errors
+#expected
+| *
+#reset
+
+#data
+* { column-rule: solid inherit; }
+#errors
+#expected
+| *
+#reset
+
+