From 8d3fbed17bbd62c0fefa62039bfa7db77762c94e Mon Sep 17 00:00:00 2001
From: dsward2 <dsward@desktop.local>
Date: Wed, 4 Jan 2017 23:48:21 -0600
Subject: [PATCH] Added new StyleAttributeEditor plug-in for editing inline CSS
 properties and values.  (This editor does not apply to the <style> element,
 instead it is for editing the 'style' attribute).

Fixed view sizing bugs in a couple of plugin xib files.
---
 .../en.lproj/SVGElementEditor.xib             |   16 +-
 .../project.pbxproj                           |  300 ++
 .../StyleAttributeEditor/CSSProperties.json   | 4204 +++++++++++++++++
 .../StyleAttributeEditor/Info.plist           |   26 +
 .../StyleAttributeEditor.h                    |   33 +
 .../StyleAttributeEditor.m                    |  741 +++
 .../StyleAttributeEditor.xib                  |  280 ++
 .../StylePropertiesTableRowView.h             |   13 +
 .../StylePropertiesTableRowView.m             |   31 +
 .../TextElementEditor/TextElementEditor.xib   |    6 +-
 README.md                                     |    2 +-
 macSVG.xcodeproj/project.pbxproj              |    4 +
 macSVG.xcworkspace/contents.xcworkspacedata   |    3 +
 macSVG/macSVG Tech Specs.rtf                  |   36 +-
 14 files changed, 5669 insertions(+), 26 deletions(-)
 create mode 100644 MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor.xcodeproj/project.pbxproj
 create mode 100644 MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/CSSProperties.json
 create mode 100644 MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/Info.plist
 create mode 100644 MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.h
 create mode 100644 MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.m
 create mode 100644 MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.xib
 create mode 100644 MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StylePropertiesTableRowView.h
 create mode 100644 MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StylePropertiesTableRowView.m

diff --git a/MacSVG Plugin Projects/macSVG Plugins/SVGElementEditor/SVGElementEditor/en.lproj/SVGElementEditor.xib b/MacSVG Plugin Projects/macSVG Plugins/SVGElementEditor/SVGElementEditor/en.lproj/SVGElementEditor.xib
index 65de2e9..e2f773c 100644
--- a/MacSVG Plugin Projects/macSVG Plugins/SVGElementEditor/SVGElementEditor/en.lproj/SVGElementEditor.xib	
+++ b/MacSVG Plugin Projects/macSVG Plugins/SVGElementEditor/SVGElementEditor/en.lproj/SVGElementEditor.xib	
@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<document type="com.apple.InterfaceBuilder3.Cocoa.XIB" version="3.0" toolsVersion="10116" systemVersion="15G31" targetRuntime="MacOSX.Cocoa" propertyAccessControl="none">
+<document type="com.apple.InterfaceBuilder3.Cocoa.XIB" version="3.0" toolsVersion="11542" systemVersion="15G1004" targetRuntime="MacOSX.Cocoa" propertyAccessControl="none">
     <dependencies>
-        <plugIn identifier="com.apple.InterfaceBuilder.CocoaPlugin" version="10116"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.CocoaPlugin" version="11542"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <objects>
         <customObject id="-2" userLabel="File's Owner" customClass="SVGElementEditor">
@@ -22,11 +23,11 @@
         <customObject id="-3" userLabel="Application" customClass="NSObject"/>
         <customView id="FXx-2c-vL3" userLabel="PluginView" customClass="FlippedView">
             <rect key="frame" x="0.0" y="0.0" width="254" height="267"/>
-            <autoresizingMask key="autoresizingMask"/>
+            <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
             <subviews>
                 <customView id="hMH-GL-c8d">
                     <rect key="frame" x="0.0" y="0.0" width="254" height="267"/>
-                    <autoresizingMask key="autoresizingMask" widthSizable="YES"/>
+                    <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
                     <subviews>
                         <textField verticalHuggingPriority="750" id="Msg-zE-f1Y">
                             <rect key="frame" x="118" y="84" width="57" height="19"/>
@@ -229,12 +230,9 @@ Gw
                                 <action selector="revertButtonAction:" target="-2" id="PZp-Fu-dG3"/>
                             </connections>
                         </button>
-                        <box verticalHuggingPriority="750" title="Box" boxType="separator" titlePosition="noTitle" id="3CT-b5-edK">
+                        <box verticalHuggingPriority="750" boxType="separator" id="3CT-b5-edK">
                             <rect key="frame" x="20" y="136" width="213" height="5"/>
                             <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES"/>
-                            <color key="borderColor" white="0.0" alpha="0.41999999999999998" colorSpace="calibratedWhite"/>
-                            <color key="fillColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
-                            <font key="titleFont" metaFont="system"/>
                         </box>
                         <textField horizontalHuggingPriority="251" verticalHuggingPriority="750" id="2DC-pY-7KX">
                             <rect key="frame" x="76" y="204" width="36" height="14"/>
@@ -281,7 +279,7 @@ Gw
                     </subviews>
                 </customView>
             </subviews>
-            <point key="canvasLocation" x="349" y="345.5"/>
+            <point key="canvasLocation" x="66" y="145"/>
         </customView>
     </objects>
 </document>
diff --git a/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor.xcodeproj/project.pbxproj b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..2459cec
--- /dev/null
+++ b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor.xcodeproj/project.pbxproj	
@@ -0,0 +1,300 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 46;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		0E2EB2191E1AFF7E00F36593 /* StyleAttributeEditor.m in Sources */ = {isa = PBXBuildFile; fileRef = 0E2EB2181E1AFF7E00F36593 /* StyleAttributeEditor.m */; };
+		0E2EB21C1E1AFFF500F36593 /* StyleAttributeEditor.xib in Resources */ = {isa = PBXBuildFile; fileRef = 0E2EB21B1E1AFFF500F36593 /* StyleAttributeEditor.xib */; };
+		0E2EB21E1E1B009E00F36593 /* CSSProperties.json in Resources */ = {isa = PBXBuildFile; fileRef = 0E2EB21D1E1B009E00F36593 /* CSSProperties.json */; };
+		0E2EB2211E1B089500F36593 /* StylePropertiesTableRowView.m in Sources */ = {isa = PBXBuildFile; fileRef = 0E2EB2201E1B089500F36593 /* StylePropertiesTableRowView.m */; };
+		0E2EB2231E1B099E00F36593 /* macSVGPluginConfig.xcconfig in Resources */ = {isa = PBXBuildFile; fileRef = 0E2EB2221E1B099E00F36593 /* macSVGPluginConfig.xcconfig */; };
+		0E2EB2251E1B0A4000F36593 /* MacSVGPlugin.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 0E2EB2241E1B0A4000F36593 /* MacSVGPlugin.framework */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		0E2EB20E1E1AFE3B00F36593 /* StyleAttributeEditor.plugin */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = StyleAttributeEditor.plugin; sourceTree = BUILT_PRODUCTS_DIR; };
+		0E2EB2111E1AFE3B00F36593 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		0E2EB2171E1AFF7E00F36593 /* StyleAttributeEditor.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = StyleAttributeEditor.h; sourceTree = "<group>"; };
+		0E2EB2181E1AFF7E00F36593 /* StyleAttributeEditor.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = StyleAttributeEditor.m; sourceTree = "<group>"; };
+		0E2EB21B1E1AFFF500F36593 /* StyleAttributeEditor.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; path = StyleAttributeEditor.xib; sourceTree = "<group>"; };
+		0E2EB21D1E1B009E00F36593 /* CSSProperties.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = CSSProperties.json; sourceTree = "<group>"; };
+		0E2EB21F1E1B089500F36593 /* StylePropertiesTableRowView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = StylePropertiesTableRowView.h; sourceTree = "<group>"; };
+		0E2EB2201E1B089500F36593 /* StylePropertiesTableRowView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = StylePropertiesTableRowView.m; sourceTree = "<group>"; };
+		0E2EB2221E1B099E00F36593 /* macSVGPluginConfig.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = macSVGPluginConfig.xcconfig; path = "../../../macSVGPlugin Framework/macSVGPluginConfig.xcconfig"; sourceTree = "<group>"; };
+		0E2EB2241E1B0A4000F36593 /* MacSVGPlugin.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = MacSVGPlugin.framework; path = "../../../../../../../Library/Developer/Xcode/DerivedData/macSVG-czegvdherapyucbqorgcxoryqmlr/Build/Products/Debug/MacSVGPlugin.framework"; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		0E2EB20B1E1AFE3B00F36593 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				0E2EB2251E1B0A4000F36593 /* MacSVGPlugin.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		0E2EB2051E1AFE3B00F36593 = {
+			isa = PBXGroup;
+			children = (
+				0E2EB2101E1AFE3B00F36593 /* StyleAttributeEditor */,
+				0E2EB20F1E1AFE3B00F36593 /* Products */,
+			);
+			sourceTree = "<group>";
+		};
+		0E2EB20F1E1AFE3B00F36593 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				0E2EB20E1E1AFE3B00F36593 /* StyleAttributeEditor.plugin */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		0E2EB2101E1AFE3B00F36593 /* StyleAttributeEditor */ = {
+			isa = PBXGroup;
+			children = (
+				0E2EB2171E1AFF7E00F36593 /* StyleAttributeEditor.h */,
+				0E2EB2181E1AFF7E00F36593 /* StyleAttributeEditor.m */,
+				0E2EB21F1E1B089500F36593 /* StylePropertiesTableRowView.h */,
+				0E2EB2201E1B089500F36593 /* StylePropertiesTableRowView.m */,
+				0E2EB21A1E1AFFA900F36593 /* Supporting Files */,
+			);
+			path = StyleAttributeEditor;
+			sourceTree = "<group>";
+		};
+		0E2EB21A1E1AFFA900F36593 /* Supporting Files */ = {
+			isa = PBXGroup;
+			children = (
+				0E2EB2241E1B0A4000F36593 /* MacSVGPlugin.framework */,
+				0E2EB21B1E1AFFF500F36593 /* StyleAttributeEditor.xib */,
+				0E2EB2111E1AFE3B00F36593 /* Info.plist */,
+				0E2EB2221E1B099E00F36593 /* macSVGPluginConfig.xcconfig */,
+				0E2EB21D1E1B009E00F36593 /* CSSProperties.json */,
+			);
+			name = "Supporting Files";
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		0E2EB20D1E1AFE3B00F36593 /* StyleAttributeEditor */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 0E2EB2141E1AFE3B00F36593 /* Build configuration list for PBXNativeTarget "StyleAttributeEditor" */;
+			buildPhases = (
+				0E2EB20A1E1AFE3B00F36593 /* Sources */,
+				0E2EB20B1E1AFE3B00F36593 /* Frameworks */,
+				0E2EB20C1E1AFE3B00F36593 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = StyleAttributeEditor;
+			productName = StyleAttributeEditor;
+			productReference = 0E2EB20E1E1AFE3B00F36593 /* StyleAttributeEditor.plugin */;
+			productType = "com.apple.product-type.bundle";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		0E2EB2061E1AFE3B00F36593 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 0810;
+				ORGANIZATIONNAME = "ArkPhone LLC";
+				TargetAttributes = {
+					0E2EB20D1E1AFE3B00F36593 = {
+						CreatedOnToolsVersion = 8.1;
+						ProvisioningStyle = Automatic;
+					};
+				};
+			};
+			buildConfigurationList = 0E2EB2091E1AFE3B00F36593 /* Build configuration list for PBXProject "StyleAttributeEditor" */;
+			compatibilityVersion = "Xcode 3.2";
+			developmentRegion = English;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+			);
+			mainGroup = 0E2EB2051E1AFE3B00F36593;
+			productRefGroup = 0E2EB20F1E1AFE3B00F36593 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				0E2EB20D1E1AFE3B00F36593 /* StyleAttributeEditor */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		0E2EB20C1E1AFE3B00F36593 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				0E2EB21E1E1B009E00F36593 /* CSSProperties.json in Resources */,
+				0E2EB2231E1B099E00F36593 /* macSVGPluginConfig.xcconfig in Resources */,
+				0E2EB21C1E1AFFF500F36593 /* StyleAttributeEditor.xib in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		0E2EB20A1E1AFE3B00F36593 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				0E2EB2191E1AFF7E00F36593 /* StyleAttributeEditor.m in Sources */,
+				0E2EB2211E1B089500F36593 /* StylePropertiesTableRowView.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+		0E2EB2121E1AFE3B00F36593 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_SUSPICIOUS_MOVES = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				CODE_SIGN_IDENTITY = "-";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				MACOSX_DEPLOYMENT_TARGET = 10.11;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = macosx;
+			};
+			name = Debug;
+		};
+		0E2EB2131E1AFE3B00F36593 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_SUSPICIOUS_MOVES = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				CODE_SIGN_IDENTITY = "-";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				MACOSX_DEPLOYMENT_TARGET = 10.11;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = macosx;
+			};
+			name = Release;
+		};
+		0E2EB2151E1AFE3B00F36593 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				COMBINE_HIDPI_IMAGES = YES;
+				HEADER_SEARCH_PATHS = "\"$(SRCROOT)/../../../macSVG\"/**";
+				INFOPLIST_FILE = StyleAttributeEditor/Info.plist;
+				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Bundles";
+				PRODUCT_BUNDLE_IDENTIFIER = com.arkphone.StyleAttributeEditor;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+				WRAPPER_EXTENSION = plugin;
+			};
+			name = Debug;
+		};
+		0E2EB2161E1AFE3B00F36593 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				COMBINE_HIDPI_IMAGES = YES;
+				HEADER_SEARCH_PATHS = "\"$(SRCROOT)/../../../macSVG\"/**";
+				INFOPLIST_FILE = StyleAttributeEditor/Info.plist;
+				INSTALL_PATH = "$(LOCAL_LIBRARY_DIR)/Bundles";
+				PRODUCT_BUNDLE_IDENTIFIER = com.arkphone.StyleAttributeEditor;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+				WRAPPER_EXTENSION = plugin;
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		0E2EB2091E1AFE3B00F36593 /* Build configuration list for PBXProject "StyleAttributeEditor" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				0E2EB2121E1AFE3B00F36593 /* Debug */,
+				0E2EB2131E1AFE3B00F36593 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		0E2EB2141E1AFE3B00F36593 /* Build configuration list for PBXNativeTarget "StyleAttributeEditor" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				0E2EB2151E1AFE3B00F36593 /* Debug */,
+				0E2EB2161E1AFE3B00F36593 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 0E2EB2061E1AFE3B00F36593 /* Project object */;
+}
diff --git a/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/CSSProperties.json b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/CSSProperties.json
new file mode 100644
index 0000000..1d9dd84
--- /dev/null
+++ b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/CSSProperties.json	
@@ -0,0 +1,4204 @@
+{
+    "instructions": [
+        "CSS Properties",
+        "",
+        "Some properties are used internally, but are not part of CSS. They are used to get",
+        "HTML4 compatibility in the rendering engine.",
+        "",
+        "Microsoft extensions are documented here:",
+        "http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp",
+        "",
+        "1. Possible Keys",
+        "",
+        "Keys that control CSS behavior:",
+        "",
+        "* inherited:",
+        "Whether the property is inherited.",
+        "",
+        "* animatable:",
+        "Indicates that this CSS property is an animation / transition property.",
+        "It must have corresponding methods on the Animation class.",
+        "",
+        "Keys that control code generation:",
+        "",
+        "* initial:",
+        "Overrides the method name on RenderStyle to get the initial value for",
+        "the property. By default, \"initial\" + PropertyId is used (e.g.",
+        "initialBorderCollapse()).",
+        "",
+        "* getter:",
+        "Overrides the method name on RenderStyle to get the current value for",
+        "the property. By default, the PropertyId with first letter lowercased",
+        "is used (e.g. borderCollapse()).",
+        "",
+        "* setter:",
+        "Overrides the method name on RenderStyle to set the current value for",
+        "the property. By default, \"set\" + PropertyId is used (e.g.",
+        "setBorderCollapse()).",
+        "",
+        "* name-for-methods:",
+        "Overrides the getter / setter / initial method names on RenderStyle.",
+        "For example, '\"name-for-methods\": \"OverflowWrap\"' will use",
+        "\"overflowWrap() / setOverflowWrap() / initialOverflowWrap()\".",
+        "",
+        "* converter:",
+        "The name of the converter helper function in css/StyleBuilderConverter.h",
+        "to use. The converter helper function takes ",
+        "If converting the input CSSValue into the setter method argument type",
+        "is not trivial (i.e. the CSSPrimitiveValue cannot be implicitly converted",
+        "to the expected type), then you can indicate that a converter helper",
+        "function in css/StyleBuilderConverter.h should be used.",
+        "",
+        "* conditional-converter:",
+        "Similar to property converter, but the converter function returns a",
+        "WTF::Optional<> to indicate if the property setter should be called",
+        "or not.",
+        "",
+        "* custom:",
+        "A string that is \"All\", \"Initial\", \"Inherit\", or \"Value\" or some combination",
+        "of the latter three separated by '|' (e.g. \"Inherit|Value\"). These options",
+        "are described as follows:",
+        "",
+        "All - the CSS property requires special handling to set its initial value,",
+        "inherit value, and its value. Prefer this option over listing the individual",
+        "options.",
+        "",
+        "Initial - the CSS property requires special handling to set its initial value.",
+        "",
+        "Inherit - the CSS property requires special handling to set its inherit value.",
+        "",
+        "Value - the CSS property requires special handling to set its value, and a",
+        "regular converter helper cannot be used.",
+        "",
+        "The custom code for the property should be located in css/StyleBuilderCustom.h",
+        "and named applyValue[CSSPropertyName]().",
+        "",
+        "* svg:",
+        "Indicates that this is an SVG CSS property and that the corresponding",
+        "methods are on SVGRenderStyle instead of RenderStyle.",
+        "",
+        "* auto-functions:",
+        "Indicates that this CSS property requires handling of \"auto\" and has",
+        "corresponding hasAutoXXX() / setHasAutoXXX() methods on RenderStyle.",
+        "",
+        "* visited-link-color-support:",
+        "Indicates that this CSS property is a color property with a",
+        "\"setVisitedLinkXXX()\" setter on RenderStyle to be called when",
+        "StyleResolver::applyPropertyToVisitedLinkStyle() return true.",
+        "The regular setter on RenderStyle will only be called if",
+        "StyleResolver::applyPropertyToRegularStyle() returns true.",
+        "",
+        "* no-default-color:",
+        "Should only with used with \"VisitedLinkColorSupport\". It indicates that for",
+        "setting the inherited value, it will not fallback to using the parent's",
+        "\"color\" property if the inherited color is invalid.",
+        "",
+        "* fone-property:",
+        "Indicates that this CSS property is font-related. It must have corresponding",
+        "methods on the FontDescription class.",
+        "",
+        "* fill-layer-property:",
+        "Indicates that this CSS property is a FillLayer property. It must have",
+        "corresponding methods on the FillLayer class.",
+        "",
+        "* skip-builder:",
+        "Ignore this property in the StyleBuilder.",
+        "",
+        "* longhands:",
+        "Indicated the array longhand property names associated with this shorthand",
+        "property. Shorthand properties should not use the StyleBuilder. An",
+        "ASSERT_NOT_REACHED() will be generated for this property in the StyleBuilder.",
+        "property1, property2, ... are the longhands for this shorthand property. A",
+        "corresponding \"StylePropertyShorthand propertyIdShorthand()\" function will be",
+        "generated in StylePropertyShorthandFunctions.h header.",
+        "",
+        "* high-priority:",
+        "Whether the property needs to be applied before non-high-priority properties",
+        "in CSS cascading order.",
+        "",
+        "* aliases:",
+        "An array of the alternative names for this property.",
+        "",
+        "* enable-if:",
+        "Indicates that code should only be generated for this property/value if the",
+        "specified macro define is enabled. Prefix the macro define with '!' to",
+        "generate code when the macro define is not enabled.",
+        "",
+        "2. Lesser known capabilities of this file format",
+        "",
+        "Conditional CSS keyword value:",
+        "",
+        "Typically the value of key \"values\" is an array of strings that represent the",
+        "CSS keyword values that are recognized by a CSS property. This array may also",
+        "contain objects of the form:",
+        "",
+        "    {",
+        "        \"value\": \"awesome\",",
+        "        \"enable-if\": \"ENABLE_AWESOME_FEATURE\"",
+        "    }",
+        "",
+        "The key \"value\" is the name of the conditional keyword and key \"enable-if\"",
+        "describes the code generation criterion. See the documentation for \"enable-if\"",
+        "above for more details.",
+        "",
+        "Conditonal CSS property definition:",
+        "",
+        "A CSS property can have more than one definition so long as the key \"enable-if\"",
+        "differs in each definition. For example, ",
+        "",
+        "    \"awesome-property\": [",
+        "        {",
+        "            \"inherited\": true,",
+        "            ...,",
+        "            \"codegen-properties\": {",
+        "                ...",
+        "                \"enable-if\": \"ENABLE_AWESOME_FEATURE\"",
+        "            }",
+        "        },",
+        "        {",
+        "            \"inherited\": false,",
+        "            ...,",
+        "            \"codegen-properties\": {",
+        "                ...",
+        "                \"enable-if\": \"!ENABLE_AWESOME_FEATURE\"",
+        "            }",
+        "        },",
+        "        ...",
+        "    ],",
+        "",
+        "The first definition in parse order whose \"enable-if\" criterion evaluates",
+        "to true is chosen for code generation."
+    ],
+    "properties": {
+        "color": {
+            "inherited": true,
+            "codegen-properties": {
+                "visited-link-color-support": true,
+                "no-default-color": true,
+                "high-priority": true
+            }
+        },
+        "direction": {
+            "inherited": true,
+            "values": [
+                "ltr",
+                "rtl"
+            ],
+            "codegen-properties": {
+                "custom": "Value",
+                "high-priority": true
+            }
+        },
+        "display": {
+            "values": [
+                "inline",
+                "block",
+                "list-item",
+                "compact",
+                "inline-block",
+                "table",
+                "inline-table",
+                "table-row-group",
+                "table-header-group",
+                "table-footer-group",
+                "table-row",
+                "table-column-group",
+                "table-column",
+                "table-cell",
+                "table-caption",
+                "-webkit-box",
+                "-webkit-inline-box",
+                "flex",
+                "-webkit-flex",
+                "inline-flex",
+                "-webkit-inline-flex",
+                "contents",
+                "none",
+                {
+                    "value": "grid",
+                    "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+                },
+                {
+                    "value": "inline-grid",
+                    "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+                }
+            ],
+            "codegen-properties": {
+                "custom": "Inherit|Value",
+                "high-priority": true
+            }
+        },
+        "font-family": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All",
+                "high-priority": true
+            }
+        },
+        "font-size": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All",
+                "high-priority": true
+            }
+        },
+        "font-style": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "italic",
+                "oblique"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "Italic",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-weight": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All",
+                "high-priority": true
+            }
+        },
+        "text-rendering": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "optimizespeed",
+                "optimizelegibility",
+                "geometricprecision"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "TextRenderingMode",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-feature-settings": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "FeatureSettings",
+                "converter": "FontFeatureSettings",
+                "custom": "Initial|Inherit",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-variation-settings": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "VariationSettings",
+                "converter": "FontVariationSettings",
+                "custom": "Initial|Inherit",
+                "font-property": true,
+                "high-priority": true,
+                "enable-if": "ENABLE_VARIATION_FONTS"
+            }
+        },
+        "-webkit-font-kerning": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "normal",
+                "none"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "font-kerning"
+                ],
+                "name-for-methods": "Kerning",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "-webkit-font-smoothing": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "none",
+                "antialiased",
+                "subpixel-antialiased"
+            ],
+            "codegen-properties": {
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-variant-ligatures": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "VariantLigatures",
+                "custom": "All",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-variant-position": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "sub",
+                "super"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "VariantPosition",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-variant-caps": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "small-caps",
+                "all-small-caps",
+                "petite-caps",
+                "all-petite-caps",
+                "unicase",
+                "titling-caps"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "VariantCaps",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-variant-numeric": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "VariantNumeric",
+                "custom": "All",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-variant-alternates": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "historical-forms"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "VariantAlternates",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "font-variant-east-asian": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "VariantEastAsian",
+                "custom": "All",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "-webkit-locale": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "Value",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "-webkit-text-orientation": {
+            "inherited": true,
+            "values": [
+                "sideways",
+                "sideways-right",
+                "vertical-right",
+                "mixed",
+                "upright"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-text-orientation"
+                ],
+                "custom": "Value",
+                "high-priority": true
+            }
+        },
+        "-webkit-text-size-adjust": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "Value",
+                "high-priority": true,
+                "enable-if": "ENABLE_TEXT_AUTOSIZING"
+            }
+        },
+        "writing-mode": {
+            "inherited": true,
+            "values": [
+                "lr-tb",
+                "rl-tb",
+                "tb-rl",
+                "lr",
+                "rl",
+                "tb"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-writing-mode",
+                    "-epub-writing-mode"
+                ],
+                "custom": "Value",
+                "high-priority": true
+            }
+        },
+        "-webkit-text-zoom": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "reset"
+            ],
+            "codegen-properties": {
+                "custom": "Value",
+                "high-priority": true
+            }
+        },
+        "zoom": {
+            "codegen-properties": {
+                "custom": "All",
+                "high-priority": true
+            }
+        },
+        "font-synthesis": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "FontSynthesis",
+                "font-property": true,
+                "high-priority": true
+            }
+        },
+        "-webkit-ruby-position": {
+            "*": [
+                "This is the highest priority property and \"is resolved before all other properties",
+                "to ensure that its value can be checked when determining a smart default font size\"",
+                "(<https://trac.webkit.org/browser/trunk/Source/WebCore/ChangeLog?rev=172861>)."
+            ],
+            "inherited": true,
+            "values": [
+                "before",
+                "after",
+                "inter-character"
+            ]
+        },
+        "alignment-baseline": {
+            "values": [
+                "auto",
+                "baseline",
+                "middle",
+                "before-edge",
+                "after-edge",
+                "central",
+                "text-before-edge",
+                "text-after-edge",
+                "ideographic",
+                "hanging",
+                "mathematical"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "all": {
+            "codegen-properties": {
+                "longhands": [
+                    "all"
+                ]
+            }
+        },
+        "animation": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation"
+                ],
+                "longhands": [
+                    "animation-name",
+                    "animation-duration",
+                    "animation-timing-function",
+                    "animation-delay",
+                    "animation-iteration-count",
+                    "animation-direction",
+                    "animation-fill-mode",
+                    "animation-play-state"
+                ]
+            }
+        },
+        "animation-delay": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation-delay"
+                ],
+                "name-for-methods": "Delay"
+            }
+        },
+        "animation-direction": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation-direction"
+                ],
+                "name-for-methods": "Direction"
+            }
+        },
+        "animation-duration": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation-duration"
+                ],
+                "name-for-methods": "Duration"
+            }
+        },
+        "animation-fill-mode": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation-fill-mode"
+                ],
+                "name-for-methods": "FillMode"
+            }
+        },
+        "animation-iteration-count": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation-iteration-count"
+                ],
+                "name-for-methods": "IterationCount"
+            }
+        },
+        "animation-name": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation-name"
+                ],
+                "name-for-methods": "Name"
+            }
+        },
+        "animation-play-state": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation-play-state"
+                ],
+                "name-for-methods": "PlayState"
+            }
+        },
+        "animation-timing-function": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-animation-timing-function"
+                ],
+                "name-for-methods": "TimingFunction"
+            }
+        },
+        "background": {
+            "codegen-properties": {
+                "longhands": [
+                    "background-image",
+                    "background-position-x",
+                    "background-position-y",
+                    "background-size",
+                    "background-repeat-x",
+                    "background-repeat-y",
+                    "background-attachment",
+                    "background-origin",
+                    "background-clip",
+                    "background-color"
+                ]
+            }
+        },
+        "background-attachment": {
+            "codegen-properties": {
+                "name-for-methods": "Attachment",
+                "fill-layer-property": true
+            }
+        },
+        "background-blend-mode": {
+            "codegen-properties": {
+                "name-for-methods": "BlendMode",
+                "fill-layer-property": true
+            }
+        },
+        "background-clip": {
+            "codegen-properties": {
+                "name-for-methods": "Clip",
+                "fill-layer-property": true
+            }
+        },
+        "background-color": {
+            "codegen-properties": {
+                "visited-link-color-support": true,
+                "no-default-color": true
+            }
+        },
+        "background-image": {
+            "codegen-properties": {
+                "name-for-methods": "Image",
+                "fill-layer-property": true
+            }
+        },
+        "background-origin": {
+            "codegen-properties": {
+                "name-for-methods": "Origin",
+                "fill-layer-property": true
+            }
+        },
+        "background-position": {
+            "codegen-properties": {
+                "longhands": [
+                    "background-position-x",
+                    "background-position-y"
+                ]
+            }
+        },
+        "background-position-x": {
+            "codegen-properties": {
+                "name-for-methods": "XPosition",
+                "fill-layer-property": true
+            }
+        },
+        "background-position-y": {
+            "codegen-properties": {
+                "name-for-methods": "YPosition",
+                "fill-layer-property": true
+            }
+        },
+        "background-repeat": {
+            "codegen-properties": {
+                "longhands": [
+                    "background-repeat-x",
+                    "background-repeat-y"
+                ]
+            }
+        },
+        "background-repeat-x": {
+            "codegen-properties": {
+                "name-for-methods": "RepeatX",
+                "fill-layer-property": true
+            }
+        },
+        "background-repeat-y": {
+            "codegen-properties": {
+                "name-for-methods": "RepeatY",
+                "fill-layer-property": true
+            }
+        },
+        "background-size": {
+            "codegen-properties": {
+                "name-for-methods": "Size",
+                "fill-layer-property": true
+            }
+        },
+        "baseline-shift": {
+            "codegen-properties": {
+                "custom": "Value",
+                "svg": true
+            }
+        },
+        "border": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-top-color",
+                    "border-top-style",
+                    "border-top-width",
+                    "border-right-color",
+                    "border-right-style",
+                    "border-right-width",
+                    "border-bottom-color",
+                    "border-bottom-style",
+                    "border-bottom-width",
+                    "border-left-color",
+                    "border-left-style",
+                    "border-left-width"
+                ]
+            }
+        },
+        "border-bottom": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-bottom-width",
+                    "border-bottom-style",
+                    "border-bottom-color"
+                ]
+            }
+        },
+        "border-bottom-color": {
+            "codegen-properties": {
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "border-bottom-left-radius": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-border-bottom-left-radius"
+                ],
+                "initial": "initialBorderRadius",
+                "converter": "Radius"
+            }
+        },
+        "border-bottom-right-radius": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-border-bottom-right-radius"
+                ],
+                "initial": "initialBorderRadius",
+                "converter": "Radius"
+            }
+        },
+        "border-bottom-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "initial": "initialBorderStyle"
+            }
+        },
+        "border-bottom-width": {
+            "codegen-properties": {
+                "initial": "initialBorderWidth",
+                "converter": "LineWidth<float>"
+            }
+        },
+        "border-collapse": {
+            "inherited": true,
+            "values": [
+                "collapse",
+                "separate"
+            ]
+        },
+        "border-color": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-top-color",
+                    "border-right-color",
+                    "border-bottom-color",
+                    "border-left-color"
+                ]
+            }
+        },
+        "border-image": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-image-source",
+                    "border-image-slice",
+                    "border-image-width",
+                    "border-image-outset",
+                    "border-image-repeat"
+                ]
+            }
+        },
+        "border-image-outset": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "border-image-repeat": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "border-image-slice": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "border-image-source": {
+            "codegen-properties": {
+                "converter": "StyleImage<CSSPropertyBorderImageSource>"
+            }
+        },
+        "border-image-width": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "border-left": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-left-width",
+                    "border-left-style",
+                    "border-left-color"
+                ]
+            }
+        },
+        "border-left-color": {
+            "codegen-properties": {
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "border-left-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "initial": "initialBorderStyle"
+            }
+        },
+        "border-left-width": {
+            "codegen-properties": {
+                "initial": "initialBorderWidth",
+                "converter": "LineWidth<float>"
+            }
+        },
+        "border-radius": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-top-left-radius",
+                    "border-top-right-radius",
+                    "border-bottom-right-radius",
+                    "border-bottom-left-radius"
+                ]
+            }
+        },
+        "border-right": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-right-width",
+                    "border-right-style",
+                    "border-right-color"
+                ]
+            }
+        },
+        "border-right-color": {
+            "codegen-properties": {
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "border-right-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "initial": "initialBorderStyle"
+            }
+        },
+        "border-right-width": {
+            "codegen-properties": {
+                "initial": "initialBorderWidth",
+                "converter": "LineWidth<float>"
+            }
+        },
+        "border-spacing": {
+            "inherited": true,
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-border-horizontal-spacing",
+                    "-webkit-border-vertical-spacing"
+                ]
+            }
+        },
+        "border-style": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-top-style",
+                    "border-right-style",
+                    "border-bottom-style",
+                    "border-left-style"
+                ]
+            }
+        },
+        "border-top": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-top-width",
+                    "border-top-style",
+                    "border-top-color"
+                ]
+            }
+        },
+        "border-top-color": {
+            "codegen-properties": {
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "border-top-left-radius": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-border-top-left-radius"
+                ],
+                "initial": "initialBorderRadius",
+                "converter": "Radius"
+            }
+        },
+        "border-top-right-radius": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-border-top-right-radius"
+                ],
+                "initial": "initialBorderRadius",
+                "converter": "Radius"
+            }
+        },
+        "border-top-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "initial": "initialBorderStyle"
+            }
+        },
+        "border-top-width": {
+            "codegen-properties": {
+                "initial": "initialBorderWidth",
+                "converter": "LineWidth<float>"
+            }
+        },
+        "border-width": {
+            "codegen-properties": {
+                "longhands": [
+                    "border-top-width",
+                    "border-right-width",
+                    "border-bottom-width",
+                    "border-left-width"
+                ]
+            }
+        },
+        "bottom": {
+            "codegen-properties": {
+                "initial": "initialOffset",
+                "converter": "LengthOrAuto"
+            }
+        },
+        "box-shadow": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "box-sizing": {
+            "*": [
+                "-webkit-box-sizing worked in Safari 4 and earlier."
+            ],
+            "values": [
+                "border-box",
+                "content-box"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-box-sizing"
+                ]
+            }
+        },
+        "break-after": {
+            "values": [
+                "auto",
+                "avoid",
+                "left",
+                "right",
+                "recto",
+                "verso",
+                "column",
+                "page",
+                "region",
+                "avoid-column",
+                "avoid-page",
+                "avoid-region"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakBetween"
+            }
+        },
+        "break-before": {
+            "values": [
+                "auto",
+                "avoid",
+                "left",
+                "right",
+                "recto",
+                "verso",
+                "column",
+                "page",
+                "region",
+                "avoid-column",
+                "avoid-page",
+                "avoid-region"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakBetween"
+            }
+        },
+        "break-inside": {
+            "values": [
+                "auto",
+                "avoid",
+                "avoid-column",
+                "avoid-page",
+                "avoid-region"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakInside"
+            }
+        },
+        "buffered-rendering": {
+            "values": [
+                "auto",
+                "dynamic",
+                "static"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "caption-side": {
+            "inherited": true,
+            "values": [
+                "left",
+                "right",
+                "top",
+                "bottom"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-caption-side"
+                ]
+            }
+        },
+        "clear": {
+            "values": [
+                "none",
+                "left",
+                "right",
+                "both"
+            ]
+        },
+        "clip": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "-webkit-clip-path": {
+            "codegen-properties": {
+                "converter": "ClipPath"
+            }
+        },
+        "clip-path": {
+            "codegen-properties": {
+                "name-for-methods": "ClipperResource",
+                "converter": "SVGURIReference",
+                "svg": true
+            }
+        },
+        "clip-rule": {
+            "inherited": true,
+            "values": [
+                "nonzero",
+                "evenodd"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "color-interpolation": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "srgb",
+                "linearrgb"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "color-interpolation-filters": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "srgb",
+                "linearrgb"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "color-profile": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "color-rendering": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "optimizespeed",
+                "optimizequality"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "content": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "counter-increment": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "counter-reset": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "cursor": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "-webkit-cursor-visibility": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "auto-hide"
+            ],
+            "codegen-properties": {
+                "enable-if": "ENABLE_CURSOR_VISIBILITY"
+            }
+        },
+        "cx": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length"
+            }
+        },
+        "cy": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length"
+            }
+        },
+        "dominant-baseline": {
+            "values": [
+                "auto",
+                "middle",
+                "use-script",
+                "no-change",
+                "reset-size",
+                "central",
+                "text-before-edge",
+                "text-after-edge",
+                "ideographic",
+                "hanging",
+                "mathematical"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "empty-cells": {
+            "inherited": true,
+            "values": [
+                "show",
+                "hide"
+            ]
+        },
+        "enable-background": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "fill": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All",
+                "svg": true
+            }
+        },
+        "fill-opacity": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "Opacity",
+                "svg": true
+            }
+        },
+        "fill-rule": {
+            "inherited": true,
+            "values": [
+                "nonzero",
+                "evenodd"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "float": {
+            "values": [
+                "left",
+                "right",
+                "none",
+                "center"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "Floating"
+            }
+        },
+        "flood-color": {
+            "codegen-properties": {
+                "converter": "SVGColor",
+                "svg": true
+            }
+        },
+        "flood-opacity": {
+            "codegen-properties": {
+                "converter": "Opacity",
+                "svg": true
+            }
+        },
+        "font": {
+            "inherited": true,
+            "codegen-properties": {
+                "longhands": [
+                    "font-family",
+                    "font-size",
+                    "font-style",
+                    "font-variant-caps",
+                    "font-weight",
+                    "line-height"
+                ]
+            }
+        },
+        "font-variant": {
+            "inherited": true,
+            "codegen-properties": {
+                "longhands": [
+                    "font-variant-ligatures",
+                    "font-variant-position",
+                    "font-variant-caps",
+                    "font-variant-numeric",
+                    "font-variant-alternates",
+                    "font-variant-east-asian"
+                ]
+            }
+        },
+        "font-stretch": {
+            "values": [],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "glyph-orientation-horizontal": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "GlyphOrientation",
+                "svg": true
+            }
+        },
+        "glyph-orientation-vertical": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "GlyphOrientationOrAuto",
+                "svg": true
+            }
+        },
+        "hanging-punctuation": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "HangingPunctuation"
+            }
+        },
+        "height": {
+            "codegen-properties": {
+                "initial": "initialSize",
+                "converter": "LengthSizing"
+            }
+        },
+        "image-orientation": {
+            "inherited": true,
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_IMAGE_ORIENTATION"
+            }
+        },
+        "image-rendering": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "optimizespeed",
+                "optimizequality",
+                "-webkit-crisp-edges",
+                "-webkit-optimize-contrast",
+                "crisp-edges",
+                "pixelated"
+            ]
+        },
+        "image-resolution": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All",
+                "enable-if": "ENABLE_CSS_IMAGE_RESOLUTION"
+            }
+        },
+        "kerning": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "SVGLengthValue",
+                "svg": true
+            }
+        },
+        "left": {
+            "codegen-properties": {
+                "initial": "initialOffset",
+                "converter": "LengthOrAuto"
+            }
+        },
+        "letter-spacing": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "Spacing"
+            }
+        },
+        "lighting-color": {
+            "codegen-properties": {
+                "converter": "SVGColor",
+                "svg": true
+            }
+        },
+        "line-height": [
+            {
+                "inherited": true,
+                "codegen-properties": {
+                    "custom": "All",
+                    "enable-if": "ENABLE_TEXT_AUTOSIZING"
+                }
+            },
+            {
+                "inherited": true,
+                "codegen-properties": {
+                    "getter": "specifiedLineHeight",
+                    "conditional-converter": "LineHeight",
+                    "enable-if": "!ENABLE_TEXT_AUTOSIZING"
+                }
+            }
+        ],
+        "list-style": {
+            "inherited": true,
+            "codegen-properties": {
+                "longhands": [
+                    "list-style-type",
+                    "list-style-position",
+                    "list-style-image"
+                ]
+            }
+        },
+        "list-style-image": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "StyleImage<CSSPropertyListStyleImage>"
+            }
+        },
+        "list-style-position": {
+            "inherited": true,
+            "values": [
+                "inside",
+                "outside"
+            ]
+        },
+        "list-style-type": {
+            "inherited": true,
+            "values": [
+                "disc",
+                "circle",
+                "square",
+                "decimal",
+                "decimal-leading-zero",
+                "arabic-indic",
+                "binary",
+                "bengali",
+                "cambodian",
+                "khmer",
+                "devanagari",
+                "gujarati",
+                "gurmukhi",
+                "kannada",
+                "lower-hexadecimal",
+                "lao",
+                "malayalam",
+                "mongolian",
+                "myanmar",
+                "octal",
+                "oriya",
+                "persian",
+                "urdu",
+                "telugu",
+                "tibetan",
+                "thai",
+                "upper-hexadecimal",
+                "lower-roman",
+                "upper-roman",
+                "lower-greek",
+                "lower-alpha",
+                "lower-latin",
+                "upper-alpha",
+                "upper-latin",
+                "afar",
+                "ethiopic-halehame-aa-et",
+                "ethiopic-halehame-aa-er",
+                "amharic",
+                "ethiopic-halehame-am-et",
+                "amharic-abegede",
+                "ethiopic-abegede-am-et",
+                "cjk-earthly-branch",
+                "cjk-heavenly-stem",
+                "ethiopic",
+                "ethiopic-halehame-gez",
+                "ethiopic-abegede",
+                "ethiopic-abegede-gez",
+                "hangul-consonant",
+                "hangul",
+                "lower-norwegian",
+                "oromo",
+                "ethiopic-halehame-om-et",
+                "sidama",
+                "ethiopic-halehame-sid-et",
+                "somali",
+                "ethiopic-halehame-so-et",
+                "tigre",
+                "ethiopic-halehame-tig",
+                "tigrinya-er",
+                "ethiopic-halehame-ti-er",
+                "tigrinya-er-abegede",
+                "ethiopic-abegede-ti-er",
+                "tigrinya-et",
+                "ethiopic-halehame-ti-et",
+                "tigrinya-et-abegede",
+                "ethiopic-abegede-ti-et",
+                "upper-greek",
+                "upper-norwegian",
+                "asterisks",
+                "footnotes",
+                "hebrew",
+                "armenian",
+                "lower-armenian",
+                "upper-armenian",
+                "georgian",
+                "cjk-ideographic",
+                "hiragana",
+                "katakana",
+                "hiragana-iroha",
+                "katakana-iroha",
+                "none"
+            ]
+        },
+        "margin": {
+            "codegen-properties": {
+                "longhands": [
+                    "margin-top",
+                    "margin-right",
+                    "margin-bottom",
+                    "margin-left"
+                ]
+            }
+        },
+        "margin-bottom": {
+            "codegen-properties": {
+                "initial": "initialMargin",
+                "converter": "LengthOrAuto"
+            }
+        },
+        "margin-left": {
+            "codegen-properties": {
+                "initial": "initialMargin",
+                "converter": "LengthOrAuto"
+            }
+        },
+        "margin-right": {
+            "codegen-properties": {
+                "initial": "initialMargin",
+                "converter": "LengthOrAuto"
+            }
+        },
+        "margin-top": {
+            "codegen-properties": {
+                "initial": "initialMargin",
+                "converter": "LengthOrAuto"
+            }
+        },
+        "marker": {
+            "inherited": true,
+            "codegen-properties": {
+                "longhands": [
+                    "marker-start",
+                    "marker-mid",
+                    "marker-end"
+                ]
+            }
+        },
+        "marker-end": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "MarkerEndResource",
+                "converter": "SVGURIReference",
+                "svg": true
+            }
+        },
+        "marker-mid": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "MarkerMidResource",
+                "converter": "SVGURIReference",
+                "svg": true
+            }
+        },
+        "marker-start": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "MarkerStartResource",
+                "converter": "SVGURIReference",
+                "svg": true
+            }
+        },
+        "mask": {
+            "codegen-properties": {
+                "name-for-methods": "MaskerResource",
+                "converter": "SVGURIReference",
+                "svg": true
+            }
+        },
+        "mask-type": {
+            "values": [
+                "luminance",
+                "alpha"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "max-height": {
+            "codegen-properties": {
+                "initial": "initialMaxSize",
+                "converter": "LengthMaxSizing"
+            }
+        },
+        "max-width": {
+            "codegen-properties": {
+                "initial": "initialMaxSize",
+                "converter": "LengthMaxSizing"
+            }
+        },
+        "min-height": {
+            "codegen-properties": {
+                "initial": "initialMinSize",
+                "converter": "LengthSizing"
+            }
+        },
+        "min-width": {
+            "codegen-properties": {
+                "initial": "initialMinSize",
+                "converter": "LengthSizing"
+            }
+        },
+        "object-fit": {
+            "values": [
+                "fill",
+                "contain",
+                "cover",
+                "none",
+                "scale-down"
+            ]
+        },
+        "object-position": {
+            "codegen-properties": {
+                "converter": "ObjectPosition"
+            }
+        },
+        "opacity": {
+            "*": [
+                "Honor -webkit-opacity as a synonym for opacity. This was the only syntax that worked in Safari 1.1,",
+                "and may be in use on some websites and widgets."
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-opacity"
+                ]
+            }
+        },
+        "orphans": {
+            "inherited": true,
+            "codegen-properties": {
+                "auto-functions": true
+            }
+        },
+        "outline": {
+            "codegen-properties": {
+                "longhands": [
+                    "outline-color",
+                    "outline-style",
+                    "outline-width"
+                ]
+            }
+        },
+        "outline-color": {
+            "codegen-properties": {
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "outline-offset": {
+            "codegen-properties": {
+                "converter": "ComputedLength<float>"
+            }
+        },
+        "outline-style": {
+            "values": [
+                "auto",
+                "none",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "outline-width": {
+            "codegen-properties": {
+                "converter": "LineWidth<float>"
+            }
+        },
+        "overflow": {
+            "codegen-properties": {
+                "longhands": [
+                    "overflow-x",
+                    "overflow-y"
+                ]
+            }
+        },
+        "overflow-wrap": {
+            "values": [
+                "normal",
+                "break-word"
+            ]
+        },
+        "overflow-x": {
+            "values": [
+                "visible",
+                "hidden",
+                "scroll",
+                "auto",
+                "overlay"
+            ]
+        },
+        "overflow-y": {
+            "values": [
+                "visible",
+                "hidden",
+                "scroll",
+                "auto",
+                "overlay",
+                "-webkit-paged-x",
+                "-webkit-paged-y"
+            ]
+        },
+        "padding": {
+            "codegen-properties": {
+                "longhands": [
+                    "padding-top",
+                    "padding-right",
+                    "padding-bottom",
+                    "padding-left"
+                ]
+            }
+        },
+        "padding-bottom": {
+            "codegen-properties": {
+                "initial": "initialPadding",
+                "converter": "Length"
+            }
+        },
+        "padding-left": {
+            "codegen-properties": {
+                "initial": "initialPadding",
+                "converter": "Length"
+            }
+        },
+        "padding-right": {
+            "codegen-properties": {
+                "initial": "initialPadding",
+                "converter": "Length"
+            }
+        },
+        "padding-top": {
+            "codegen-properties": {
+                "initial": "initialPadding",
+                "converter": "Length"
+            }
+        },
+        "page": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "page-break-after": {
+            "values": [
+                "auto",
+                "always",
+                "avoid",
+                "left",
+                "right"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakBetween",
+                "name-for-methods": "BreakAfter",
+                "converter": "PageBreakBetween"
+            }
+        },
+        "page-break-before": {
+            "values": [
+                "auto",
+                "always",
+                "avoid",
+                "left",
+                "right"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakBetween",
+                "name-for-methods": "BreakBefore",
+                "converter": "PageBreakBetween"
+            }
+        },
+        "page-break-inside": {
+            "values": [
+                "auto",
+                "avoid"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakInside",
+                "name-for-methods": "BreakInside",
+                "converter": "PageBreakInside"
+            }
+        },
+        "paint-order": {
+            "codegen-properties": {
+                "converter": "PaintOrder",
+                "svg": true
+            }
+        },
+        "pointer-events": {
+            "inherited": true,
+            "values": [
+                "visible",
+                "none",
+                "all",
+                "auto",
+                "visiblepainted",
+                "visiblefill",
+                "visiblestroke",
+                "painted",
+                "fill",
+                "stroke"
+            ]
+        },
+        "position": {
+            "values": [
+                "static",
+                "relative",
+                "absolute",
+                "fixed",
+                "-webkit-sticky"
+            ]
+        },
+        "quotes": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "Quotes"
+            }
+        },
+        "r": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length"
+            }
+        },
+        "resize": {
+            "inherited": true,
+            "values": [
+                "none",
+                "both",
+                "horizontal",
+                "vertical",
+                "auto"
+            ],
+            "codegen-properties": {
+                "converter": "Resize"
+            }
+        },
+        "right": {
+            "codegen-properties": {
+                "initial": "initialOffset",
+                "converter": "LengthOrAuto"
+            }
+        },
+        "rx": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length"
+            }
+        },
+        "ry": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length"
+            }
+        },
+        "shape-rendering": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "optimizespeed",
+                "crispedges",
+                "geometricprecision"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "size": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "src": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "stop-color": {
+            "codegen-properties": {
+                "converter": "SVGColor",
+                "svg": true
+            }
+        },
+        "stop-opacity": {
+            "codegen-properties": {
+                "converter": "Opacity",
+                "svg": true
+            }
+        },
+        "stroke": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All",
+                "svg": true
+            }
+        },
+        "stroke-dasharray": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "StrokeDashArray",
+                "converter": "StrokeDashArray",
+                "svg": true
+            }
+        },
+        "stroke-dashoffset": {
+            "inherited": true,
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "name-for-methods": "StrokeDashOffset",
+                "converter": "Length"
+            }
+        },
+        "stroke-linecap": {
+            "inherited": true,
+            "values": [
+                "butt",
+                "round",
+                "square"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "CapStyle",
+                "svg": true
+            }
+        },
+        "stroke-linejoin": {
+            "inherited": true,
+            "values": [
+                "miter",
+                "round",
+                "bevel"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "JoinStyle",
+                "svg": true
+            }
+        },
+        "stroke-miterlimit": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "StrokeMiterLimit",
+                "converter": "Number<float>",
+                "svg": true
+            }
+        },
+        "stroke-opacity": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "Opacity",
+                "svg": true
+            }
+        },
+        "stroke-width": {
+            "inherited": true,
+            "codegen-properties": {
+                "initial": "initialOneLength",
+                "converter": "Length"
+            }
+        },
+        "speak": {
+            "inherited": true,
+            "values": [
+                "none",
+                "normal",
+                "spell-out",
+                "digits",
+                "literal-punctuation",
+                "no-punctuation"
+            ]
+        },
+        "table-layout": {
+            "values": [
+                "auto",
+                "fixed"
+            ]
+        },
+        "tab-size": {
+            "inherited": true
+        },
+        "text-align": {
+            "inherited": true,
+            "values": [
+                "-webkit-auto",
+                "left",
+                "right",
+                "center",
+                "justify",
+                "-webkit-left",
+                "-webkit-right",
+                "-webkit-center",
+                "-webkit-match-parent",
+                "start",
+                "end"
+            ],
+            "codegen-properties": {
+                "converter": "TextAlign"
+            }
+        },
+        "text-anchor": {
+            "inherited": true,
+            "values": [
+                "start",
+                "middle",
+                "end"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "text-decoration": {
+            "codegen-properties": {
+                "converter": "TextDecoration"
+            }
+        },
+        "text-indent": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "text-line-through": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-line-through-color": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-line-through-mode": {
+            "values": [
+                "continuous",
+                "skip-white-space"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-line-through-style": {
+            "values": [
+                "none",
+                "solid",
+                "double",
+                "dashed",
+                "dot-dash",
+                "dot-dot-dash",
+                "wave"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-line-through-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-overflow": {
+            "values": [
+                "clip",
+                "ellipsis"
+            ]
+        },
+        "text-overline": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-overline-color": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-overline-mode": {
+            "values": [
+                "continuous",
+                "skip-white-space"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-overline-style": {
+            "values": [
+                "none",
+                "solid",
+                "double",
+                "dashed",
+                "dot-dash",
+                "dot-dot-dash",
+                "wave"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-overline-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-shadow": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "text-transform": {
+            "inherited": true,
+            "values": [
+                "capitalize",
+                "uppercase",
+                "lowercase",
+                "none"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-text-transform"
+                ]
+            }
+        },
+        "text-underline": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-underline-color": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-underline-mode": {
+            "values": [
+                "continuous",
+                "skip-white-space"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-underline-style": {
+            "values": [
+                "none",
+                "solid",
+                "double",
+                "dashed",
+                "dot-dash",
+                "dot-dot-dash",
+                "wave"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "text-underline-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "top": {
+            "codegen-properties": {
+                "initial": "initialOffset",
+                "converter": "LengthOrAuto"
+            }
+        },
+        "transition": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transition"
+                ],
+                "longhands": [
+                    "transition-property",
+                    "transition-duration",
+                    "transition-timing-function",
+                    "transition-delay"
+                ]
+            }
+        },
+        "transition-delay": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transition-delay"
+                ],
+                "name-for-methods": "Delay"
+            }
+        },
+        "transition-duration": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transition-duration"
+                ],
+                "name-for-methods": "Duration"
+            }
+        },
+        "transition-property": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transition-property"
+                ],
+                "name-for-methods": "Property"
+            }
+        },
+        "transition-timing-function": {
+            "animatable": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transition-timing-function"
+                ],
+                "name-for-methods": "TimingFunction"
+            }
+        },
+        "unicode-bidi": {
+            "values": [
+                "normal",
+                "embed",
+                "bidi-override",
+                "-webkit-isolate",
+                "-webkit-isolate-override",
+                "-webkit-plaintext"
+            ]
+        },
+        "unicode-range": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "vector-effect": {
+            "values": [
+                "none",
+                "non-scaling-stroke"
+            ],
+            "codegen-properties": {
+                "svg": true
+            }
+        },
+        "vertical-align": {
+            "codegen-properties": {
+                "custom": "Value"
+            }
+        },
+        "visibility": {
+            "inherited": true,
+            "values": [
+                "visible",
+                "hidden",
+                "collapse"
+            ]
+        },
+        "white-space": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "pre",
+                "pre-wrap",
+                "pre-line",
+                "nowrap"
+            ]
+        },
+        "widows": {
+            "inherited": true,
+            "codegen-properties": {
+                "auto-functions": true
+            }
+        },
+        "width": {
+            "codegen-properties": {
+                "initial": "initialSize",
+                "converter": "LengthSizing"
+            }
+        },
+        "will-change": {
+            "codegen-properties": {
+                "custom": "Value"
+            }
+        },
+        "word-break": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "break-all",
+                "keep-all",
+                "break-word"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-word-break"
+                ]
+            }
+        },
+        "word-spacing": {
+            "inherited": true,
+            "codegen-properties": {
+                "conditional-converter": "WordSpacing"
+            }
+        },
+        "word-wrap": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "break-word"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "OverflowWrap"
+            }
+        },
+        "x": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length"
+            }
+        },
+        "y": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length"
+            }
+        },
+        "z-index": {
+            "codegen-properties": {
+                "auto-functions": true
+            }
+        },
+        "alt": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-alt"
+                ],
+                "name-for-methods": "ContentAltText",
+                "custom": "Value"
+            }
+        },
+        "-webkit-animation-trigger": {
+            "animatable": true,
+            "codegen-properties": {
+                "name-for-methods": "Trigger",
+                "enable-if": "ENABLE_CSS_ANIMATIONS_LEVEL_2"
+            }
+        },
+        "-webkit-appearance": {
+            "values": [
+                "checkbox",
+                "radio",
+                "push-button",
+                "square-button",
+                "button",
+                "button-bevel",
+                "default-button",
+                "inner-spin-button",
+                "listbox",
+                "listitem",
+                "media-controls-background",
+                "media-controls-dark-bar-background",
+                "media-controls-fullscreen-background",
+                "media-controls-light-bar-background",
+                "media-current-time-display",
+                "media-enter-fullscreen-button",
+                "media-exit-fullscreen-button",
+                "media-fullscreen-volume-slider",
+                "media-fullscreen-volume-slider-thumb",
+                "media-mute-button",
+                "media-overlay-play-button",
+                "media-play-button",
+                "media-return-to-realtime-button",
+                "media-rewind-button",
+                "media-seek-back-button",
+                "media-seek-forward-button",
+                "media-slider",
+                "media-sliderthumb",
+                "media-time-remaining-display",
+                "media-toggle-closed-captions-button",
+                "media-volume-slider",
+                "media-volume-slider-container",
+                "media-volume-slider-mute-button",
+                "media-volume-sliderthumb",
+                "menulist",
+                "menulist-button",
+                "menulist-text",
+                "menulist-textfield",
+                "meter",
+                "progress-bar",
+                "progress-bar-value",
+                "slider-horizontal",
+                "slider-vertical",
+                "sliderthumb-horizontal",
+                "sliderthumb-vertical",
+                "caret",
+                "searchfield",
+                "searchfield-decoration",
+                "searchfield-results-decoration",
+                "searchfield-results-button",
+                "searchfield-cancel-button",
+                "snapshotted-plugin-overlay",
+                "textfield",
+                "relevancy-level-indicator",
+                "continuous-capacity-level-indicator",
+                "discrete-capacity-level-indicator",
+                "rating-level-indicator",
+                "image-controls-button",
+                "-apple-pay-button",
+                "textarea",
+                "attachment",
+                "caps-lock-indicator",
+                "none"
+            ]
+        },
+        "-webkit-aspect-ratio": {
+            "inherited": true,
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "-webkit-backface-visibility": {
+            "values": [
+                "visible",
+                "hidden"
+            ]
+        },
+        "-webkit-background-clip": {
+            "codegen-properties": {
+                "name-for-methods": "Clip",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-background-composite": {
+            "codegen-properties": {
+                "name-for-methods": "Composite",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-background-origin": {
+            "codegen-properties": {
+                "name-for-methods": "Origin",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-background-size": {
+            "*": [
+                "Differs from background-size only in the interpretation of a single value: \"-webkit-background-size: l;\"",
+                "is equivalent to \"background-size: l l;\" whereas \"background-size: l;\" is equivalent to",
+                "\"background-size: l auto;\""
+            ],
+            "codegen-properties": {
+                "name-for-methods": "Size",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-border-after": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-border-after-width",
+                    "-webkit-border-after-style",
+                    "-webkit-border-after-color"
+                ]
+            }
+        },
+        "-webkit-border-after-color": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-after-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-after-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-before": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-border-before-width",
+                    "-webkit-border-before-style",
+                    "-webkit-border-before-color"
+                ]
+            }
+        },
+        "-webkit-border-before-color": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-before-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-before-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-end": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-border-end-width",
+                    "-webkit-border-end-style",
+                    "-webkit-border-end-color"
+                ]
+            }
+        },
+        "-webkit-border-end-color": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-end-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-end-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-fit": {
+            "values": [
+                "border",
+                "lines"
+            ]
+        },
+        "-webkit-border-horizontal-spacing": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "HorizontalBorderSpacing",
+                "converter": "ComputedLength<float>"
+            }
+        },
+        "-webkit-border-image": {
+            "codegen-properties": {
+                "initial": "initialNinePieceImage",
+                "converter": "BorderImage<CSSPropertyWebkitBorderImage>"
+            }
+        },
+        "-webkit-border-radius": {
+            "*": [
+                "Differs from border-radius only in the interpretation of a value consisting of two lengths:",
+                "\"-webkit-border-radius: l1 l2;\" is equivalent to \"border-radius: l1 / l2;\"."
+            ],
+            "codegen-properties": {
+                "longhands": [
+                    "border-top-left-radius",
+                    "border-top-right-radius",
+                    "border-bottom-right-radius",
+                    "border-bottom-left-radius"
+                ]
+            }
+        },
+        "-webkit-border-start": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-border-start-width",
+                    "-webkit-border-start-style",
+                    "-webkit-border-start-color"
+                ]
+            }
+        },
+        "-webkit-border-start-color": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-start-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-start-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-border-vertical-spacing": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "VerticalBorderSpacing",
+                "converter": "ComputedLength<float>"
+            }
+        },
+        "-webkit-box-align": {
+            "values": [
+                "stretch",
+                "start",
+                "end",
+                "center",
+                "baseline"
+            ]
+        },
+        "-webkit-box-direction": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "reverse"
+            ]
+        },
+        "-webkit-box-flex": {},
+        "-webkit-box-flex-group": {},
+        "-webkit-box-lines": {
+            "values": [
+                "single",
+                "multiple"
+            ]
+        },
+        "-webkit-box-ordinal-group": {},
+        "-webkit-box-orient": {
+            "values": [
+                "horizontal",
+                "vertical",
+                "inline-axis",
+                "block-axis"
+            ]
+        },
+        "-webkit-box-pack": {
+            "values": [
+                "start",
+                "end",
+                "center",
+                "justify"
+            ]
+        },
+        "-webkit-box-reflect": {
+            "codegen-properties": {
+                "converter": "Reflection"
+            }
+        },
+        "-webkit-box-shadow": {
+            "*": [
+                "Differs from box-shadow in its treatement of blur radii > 8px. Let -webkit-box-shadow blur",
+                "radius be w_r and box-shadow blur radius be b_r. For w_r > 8px, b_r = 8 + 4 * sqrt((w_r - 8) / 2)."
+            ],
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "-webkit-column-axis": {
+            "values": [
+                "horizontal",
+                "vertical",
+                "auto"
+            ]
+        },
+        "-webkit-column-break-after": {
+            "values": [
+                "auto",
+                "always",
+                "avoid",
+                "left",
+                "right"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakBetween",
+                "name-for-methods": "BreakAfter",
+                "converter": "ColumnBreakBetween"
+            }
+        },
+        "-webkit-column-break-before": {
+            "values": [
+                "auto",
+                "always",
+                "avoid",
+                "left",
+                "right"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakBetween",
+                "name-for-methods": "BreakBefore",
+                "converter": "ColumnBreakBetween"
+            }
+        },
+        "-webkit-column-break-inside": {
+            "values": [
+                "auto",
+                "avoid"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakInside",
+                "name-for-methods": "BreakInside",
+                "converter": "ColumnBreakInside"
+            }
+        },
+        "column-count": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-count"
+                ],
+                "auto-functions": true
+            }
+        },
+        "column-fill": {
+            "values": [
+                "auto",
+                "balance"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-fill"
+                ]
+            }
+        },
+        "column-gap": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-gap"
+                ],
+                "custom": "All"
+            }
+        },
+        "-webkit-column-progression": {
+            "values": [
+                "normal",
+                "reverse"
+            ]
+        },
+        "column-rule": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-rule"
+                ],
+                "longhands": [
+                    "column-rule-width",
+                    "column-rule-style",
+                    "column-rule-color"
+                ]
+            }
+        },
+        "column-rule-color": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-rule-color"
+                ],
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "column-rule-style": {
+            "values": [
+                "none",
+                "hidden",
+                "inset",
+                "groove",
+                "outset",
+                "ridge",
+                "dotted",
+                "dashed",
+                "solid",
+                "double"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-rule-style"
+                ],
+                "initial": "initialBorderStyle"
+            }
+        },
+        "column-rule-width": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-rule-width"
+                ],
+                "converter": "LineWidth<unsigned short>"
+            }
+        },
+        "column-span": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-span"
+                ]
+            }
+        },
+        "column-width": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-column-width"
+                ],
+                "converter": "ComputedLength<float>",
+                "auto-functions": true
+            }
+        },
+        "columns": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-columns"
+                ],
+                "longhands": [
+                    "column-width",
+                    "column-count"
+                ]
+            }
+        },
+        "-webkit-box-decoration-break": {
+            "values": [
+                "clone",
+                "slice"
+            ],
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_BOX_DECORATION_BREAK"
+            }
+        },
+        "mix-blend-mode": {
+            "values": [
+                "normal",
+                "multiply",
+                "screen",
+                "overlay",
+                "darken",
+                "lighten",
+                "color-dodge",
+                "color-burn",
+                "hard-light",
+                "soft-light",
+                "difference",
+                "exclusion",
+                "plus-darker",
+                "plus-lighter"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "BlendMode",
+                "enable-if": "ENABLE_CSS_COMPOSITING"
+            }
+        },
+        "isolation": {
+            "values": [
+                "auto",
+                "isolate"
+            ],
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_COMPOSITING"
+            }
+        },
+        "filter": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-filter"
+                ],
+                "conditional-converter": "FilterOperations"
+            }
+        },
+        "align-content": {
+            "values": [
+                "flex-start",
+                "flex-end",
+                "center",
+                "space-between",
+                "space-around",
+                "stretch"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-align-content"
+                ],
+                "initial": "initialContentAlignment",
+                "converter": "ContentAlignmentData"
+            }
+        },
+        "align-items": {
+            "values": [
+                "flex-start",
+                "flex-end",
+                "center",
+                "baseline",
+                "stretch"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-align-items"
+                ],
+                "initial": "initialDefaultAlignment",
+                "converter": "SelfOrDefaultAlignmentData"
+            }
+        },
+        "align-self": {
+            "values": [
+                "auto",
+                "flex-start",
+                "flex-end",
+                "center",
+                "baseline",
+                "stretch"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-align-self"
+                ],
+                "initial": "initialSelfAlignment",
+                "converter": "SelfOrDefaultAlignmentData"
+            }
+        },
+        "flex": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-flex"
+                ],
+                "longhands": [
+                    "flex-grow",
+                    "flex-shrink",
+                    "flex-basis"
+                ]
+            }
+        },
+        "flex-basis": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-flex-basis"
+                ],
+                "converter": "LengthOrAuto"
+            }
+        },
+        "flex-direction": {
+            "values": [
+                "row",
+                "row-reverse",
+                "column",
+                "column-reverse"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-flex-direction"
+                ]
+            }
+        },
+        "flex-flow": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-flex-flow"
+                ],
+                "longhands": [
+                    "flex-direction",
+                    "flex-wrap"
+                ]
+            }
+        },
+        "flex-grow": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-flex-grow"
+                ]
+            }
+        },
+        "flex-shrink": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-flex-shrink"
+                ]
+            }
+        },
+        "flex-wrap": {
+            "values": [
+                "nowrap",
+                "wrap",
+                "wrap-reverse"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-flex-wrap"
+                ]
+            }
+        },
+        "justify-content": {
+            "values": [
+                "flex-start",
+                "flex-end",
+                "center",
+                "space-between",
+                "space-around"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-justify-content"
+                ],
+                "initial": "initialContentAlignment",
+                "converter": "ContentAlignmentData"
+            }
+        },
+        "-webkit-backdrop-filter": {
+            "codegen-properties": {
+                "conditional-converter": "FilterOperations",
+                "enable-if": "ENABLE_FILTERS_LEVEL_2"
+            }
+        },
+        "-webkit-font-size-delta": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "justify-self": {
+            "codegen-properties": {
+                "initial": "initialSelfAlignment",
+                "converter": "SelfOrDefaultAlignmentData",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "justify-items": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-justify-items"
+                ],
+                "initial": "initialSelfAlignment",
+                "converter": "SelfOrDefaultAlignmentData",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid": {
+            "codegen-properties": {
+                "longhands": [
+                    "grid-template-rows",
+                    "grid-template-columns",
+                    "grid-template-areas",
+                    "grid-auto-flow",
+                    "grid-auto-rows",
+                    "grid-auto-columns",
+                    "grid-column-gap",
+                    "grid-row-gap"
+                ],
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-area": {
+            "codegen-properties": {
+                "longhands": [
+                    "grid-row-start",
+                    "grid-column-start",
+                    "grid-row-end",
+                    "grid-column-end"
+                ],
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-auto-columns": {
+            "codegen-properties": {
+                "converter": "GridTrackSizeList",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-auto-rows": {
+            "codegen-properties": {
+                "converter": "GridTrackSizeList",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-column-end": {
+            "codegen-properties": {
+                "name-for-methods": "GridItemColumnEnd",
+                "conditional-converter": "GridPosition",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-column-gap": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-column-start": {
+            "codegen-properties": {
+                "name-for-methods": "GridItemColumnStart",
+                "conditional-converter": "GridPosition",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-template": {
+            "codegen-properties": {
+                "longhands": [
+                    "grid-template-rows",
+                    "grid-template-columns",
+                    "grid-template-areas"
+                ],
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-template-columns": {
+            "codegen-properties": {
+                "custom": "All",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-template-rows": {
+            "codegen-properties": {
+                "custom": "All",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-row-end": {
+            "codegen-properties": {
+                "name-for-methods": "GridItemRowEnd",
+                "conditional-converter": "GridPosition",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-row-gap": {
+            "codegen-properties": {
+                "initial": "initialZeroLength",
+                "converter": "Length",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-row-start": {
+            "codegen-properties": {
+                "name-for-methods": "GridItemRowStart",
+                "conditional-converter": "GridPosition",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-column": {
+            "codegen-properties": {
+                "longhands": [
+                    "grid-column-start",
+                    "grid-column-end"
+                ],
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-gap": {
+            "codegen-properties": {
+                "longhands": [
+                    "grid-row-gap",
+                    "grid-column-gap"
+                ],
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-row": {
+            "codegen-properties": {
+                "longhands": [
+                    "grid-row-start",
+                    "grid-row-end"
+                ],
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-template-areas": {
+            "codegen-properties": {
+                "custom": "All",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "grid-auto-flow": {
+            "codegen-properties": {
+                "converter": "GridAutoFlow",
+                "enable-if": "ENABLE_CSS_GRID_LAYOUT"
+            }
+        },
+        "-webkit-hyphenate-character": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "HyphenationString",
+                "converter": "StringOrAuto"
+            }
+        },
+        "-webkit-hyphenate-limit-after": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "HyphenationLimitAfter",
+                "converter": "NumberOrAuto<short>"
+            }
+        },
+        "-webkit-hyphenate-limit-before": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "HyphenationLimitBefore",
+                "converter": "NumberOrAuto<short>"
+            }
+        },
+        "-webkit-hyphenate-limit-lines": {
+            "inherited": true,
+            "codegen-properties": {
+                "name-for-methods": "HyphenationLimitLines",
+                "converter": "WebkitHyphenateLimitLines"
+            }
+        },
+        "-webkit-hyphens": {
+            "inherited": true,
+            "values": [
+                "none",
+                "manual",
+                "auto"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-hyphens"
+                ]
+            }
+        },
+        "-webkit-initial-letter": {
+            "codegen-properties": {
+                "converter": "InitialLetter"
+            }
+        },
+        "-webkit-line-box-contain": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "LineBoxContain"
+            }
+        },
+        "-webkit-line-align": {
+            "inherited": true,
+            "values": [
+                "none",
+                "edges"
+            ]
+        },
+        "-webkit-line-break": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "loose",
+                "normal",
+                "strict",
+                "after-white-space"
+            ]
+        },
+        "-webkit-line-clamp": {},
+        "-webkit-line-grid": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "StringOrNone"
+            }
+        },
+        "-webkit-line-snap": {
+            "inherited": true,
+            "values": [
+                "none",
+                "baseline",
+                "contain"
+            ]
+        },
+        "-webkit-logical-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-logical-height": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-margin-after-collapse": {
+            "values": [
+                "collapse",
+                "separate",
+                "discard"
+            ]
+        },
+        "-webkit-margin-before-collapse": {
+            "values": [
+                "collapse",
+                "separate",
+                "discard"
+            ]
+        },
+        "-webkit-margin-bottom-collapse": {
+            "values": [
+                "collapse",
+                "separate",
+                "discard"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "MarginAfterCollapse"
+            }
+        },
+        "-webkit-margin-top-collapse": {
+            "values": [
+                "collapse",
+                "separate",
+                "discard"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "MarginBeforeCollapse"
+            }
+        },
+        "-webkit-margin-collapse": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-margin-before-collapse",
+                    "-webkit-margin-after-collapse"
+                ]
+            }
+        },
+        "-webkit-margin-after": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-margin-before": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-margin-end": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-margin-start": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-marquee": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-marquee-direction",
+                    "-webkit-marquee-increment",
+                    "-webkit-marquee-repetition",
+                    "-webkit-marquee-style",
+                    "-webkit-marquee-speed"
+                ]
+            }
+        },
+        "-webkit-marquee-direction": {
+            "values": [
+                "forwards",
+                "backwards",
+                "ahead",
+                "reverse",
+                "left",
+                "right",
+                "down",
+                "up",
+                "auto"
+            ]
+        },
+        "-webkit-marquee-increment": {
+            "codegen-properties": {
+                "conditional-converter": "MarqueeIncrement"
+            }
+        },
+        "-webkit-marquee-repetition": {
+            "codegen-properties": {
+                "name-for-methods": "MarqueeLoopCount",
+                "converter": "MarqueeRepetition"
+            }
+        },
+        "-webkit-marquee-speed": {
+            "codegen-properties": {
+                "converter": "MarqueeSpeed"
+            }
+        },
+        "-webkit-marquee-style": {
+            "values": [
+                "none",
+                "slide",
+                "scroll",
+                "alternate"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "MarqueeBehavior"
+            }
+        },
+        "-webkit-mask": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-mask-image",
+                    "-webkit-mask-source-type",
+                    "-webkit-mask-position-x",
+                    "-webkit-mask-position-y",
+                    "-webkit-mask-size",
+                    "-webkit-mask-repeat-x",
+                    "-webkit-mask-repeat-y",
+                    "-webkit-mask-origin",
+                    "-webkit-mask-clip"
+                ]
+            }
+        },
+        "-webkit-mask-box-image": {
+            "codegen-properties": {
+                "initial": "initialNinePieceImage",
+                "converter": "BorderMask<CSSPropertyWebkitMaskBoxImage>"
+            }
+        },
+        "-webkit-mask-box-image-outset": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "-webkit-mask-box-image-repeat": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "-webkit-mask-box-image-slice": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "-webkit-mask-box-image-source": {
+            "codegen-properties": {
+                "converter": "StyleImage<CSSPropertyWebkitMaskBoxImageSource>"
+            }
+        },
+        "-webkit-mask-box-image-width": {
+            "codegen-properties": {
+                "custom": "All"
+            }
+        },
+        "-webkit-mask-clip": {
+            "codegen-properties": {
+                "name-for-methods": "Clip",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-composite": {
+            "codegen-properties": {
+                "name-for-methods": "Composite",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-image": {
+            "codegen-properties": {
+                "name-for-methods": "Image",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-origin": {
+            "codegen-properties": {
+                "name-for-methods": "Origin",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-position": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-mask-position-x",
+                    "-webkit-mask-position-y"
+                ]
+            }
+        },
+        "-webkit-mask-position-x": {
+            "codegen-properties": {
+                "name-for-methods": "XPosition",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-position-y": {
+            "codegen-properties": {
+                "name-for-methods": "YPosition",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-repeat": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-mask-repeat-x",
+                    "-webkit-mask-repeat-y"
+                ]
+            }
+        },
+        "-webkit-mask-repeat-x": {
+            "codegen-properties": {
+                "name-for-methods": "RepeatX",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-repeat-y": {
+            "codegen-properties": {
+                "name-for-methods": "RepeatY",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-size": {
+            "codegen-properties": {
+                "name-for-methods": "Size",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-mask-source-type": {
+            "codegen-properties": {
+                "name-for-methods": "MaskSourceType",
+                "fill-layer-property": true
+            }
+        },
+        "-webkit-max-logical-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-max-logical-height": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-min-logical-width": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-min-logical-height": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-nbsp-mode": {
+            "inherited": true,
+            "values": [
+                "normal",
+                "space"
+            ],
+            "codegen-properties": {
+                "initial": "initialNBSPMode",
+                "setter": "setNBSPMode"
+            }
+        },
+        "order": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-order"
+                ]
+            }
+        },
+        "-webkit-padding-after": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-padding-before": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-padding-end": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-padding-start": {
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "perspective": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-perspective"
+                ],
+                "conditional-converter": "Perspective"
+            }
+        },
+        "perspective-origin": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-perspective-origin"
+                ],
+                "longhands": [
+                    "perspective-origin-x",
+                    "perspective-origin-y"
+                ]
+            }
+        },
+        "perspective-origin-x": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-perspective-origin-x"
+                ],
+                "converter": "PositionComponentX"
+            }
+        },
+        "perspective-origin-y": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-perspective-origin-y"
+                ],
+                "converter": "PositionComponentY"
+            }
+        },
+        "-webkit-print-color-adjust": {
+            "inherited": true,
+            "values": [
+                "exact",
+                "economy"
+            ]
+        },
+        "-webkit-rtl-ordering": {
+            "inherited": true,
+            "values": [
+                "logical",
+                "visual"
+            ],
+            "codegen-properties": {
+                "initial": "initialRTLOrdering",
+                "setter": "setRTLOrdering"
+            }
+        },
+        "-webkit-svg-shadow": {
+            "codegen-properties": {
+                "custom": "All",
+                "svg": true
+            }
+        },
+        "-webkit-text-combine": {
+            "inherited": true,
+            "values": [
+                "none",
+                "horizontal"
+            ],
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-text-combine"
+                ]
+            }
+        },
+        "-webkit-text-align-last": {
+            "inherited": true,
+            "values": [
+                "left",
+                "right",
+                "center",
+                "justify",
+                "start",
+                "end",
+                "auto"
+            ],
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS3_TEXT"
+            }
+        },
+        "-webkit-text-justify": {
+            "inherited": true,
+            "values": [
+                "inter-word",
+                "distribute",
+                "auto",
+                "none"
+            ],
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS3_TEXT"
+            }
+        },
+        "-webkit-text-decoration": {
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-text-decoration-line",
+                    "-webkit-text-decoration-style",
+                    "-webkit-text-decoration-color"
+                ]
+            }
+        },
+        "-webkit-text-decoration-line": {
+            "codegen-properties": {
+                "name-for-methods": "TextDecoration",
+                "converter": "TextDecoration"
+            }
+        },
+        "-webkit-text-decoration-style": {
+            "values": [
+                "solid",
+                "double",
+                "dotted",
+                "dashed",
+                "wavy"
+            ]
+        },
+        "-webkit-text-decoration-color": {
+            "codegen-properties": {
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "-webkit-text-decoration-skip": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "TextDecorationSkip"
+            }
+        },
+        "-webkit-text-underline-position": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "TextUnderlinePosition"
+            }
+        },
+        "-webkit-text-decorations-in-effect": {
+            "inherited": true,
+            "codegen-properties": {
+                "skip-builder": true
+            }
+        },
+        "-webkit-text-emphasis": {
+            "inherited": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-text-emphasis",
+                    "text-emphasis"
+                ],
+                "longhands": [
+                    "-webkit-text-emphasis-style",
+                    "-webkit-text-emphasis-color"
+                ]
+            }
+        },
+        "-webkit-text-emphasis-color": {
+            "inherited": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-text-emphasis-color",
+                    "text-emphasis-color"
+                ],
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "-webkit-text-emphasis-position": {
+            "inherited": true,
+            "codegen-properties": {
+                "aliases": [
+                    "text-emphasis-position"
+                ],
+                "converter": "TextEmphasisPosition"
+            }
+        },
+        "-webkit-text-emphasis-style": {
+            "inherited": true,
+            "codegen-properties": {
+                "aliases": [
+                    "-epub-text-emphasis-style",
+                    "text-emphasis-style"
+                ],
+                "custom": "All"
+            }
+        },
+        "-webkit-text-fill-color": {
+            "inherited": true,
+            "codegen-properties": {
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "-webkit-text-security": {
+            "inherited": true,
+            "values": [
+                "disc",
+                "circle",
+                "square",
+                "none"
+            ]
+        },
+        "-webkit-text-stroke": {
+            "inherited": true,
+            "codegen-properties": {
+                "longhands": [
+                    "-webkit-text-stroke-width",
+                    "-webkit-text-stroke-color"
+                ]
+            }
+        },
+        "-webkit-text-stroke-color": {
+            "inherited": true,
+            "codegen-properties": {
+                "initial": "invalidColor",
+                "visited-link-color-support": true
+            }
+        },
+        "-webkit-text-stroke-width": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "TextStrokeWidth"
+            }
+        },
+        "transform": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transform"
+                ],
+                "converter": "Transform"
+            }
+        },
+        "transform-origin": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transform-origin"
+                ],
+                "longhands": [
+                    "transform-origin-x",
+                    "transform-origin-y",
+                    "transform-origin-z"
+                ]
+            }
+        },
+        "transform-origin-x": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transform-origin-x"
+                ],
+                "converter": "PositionComponentX"
+            }
+        },
+        "transform-origin-y": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transform-origin-y"
+                ],
+                "converter": "PositionComponentY"
+            }
+        },
+        "transform-origin-z": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-transform-origin-z"
+                ],
+                "converter": "ComputedLength<float>"
+            }
+        },
+        "transform-style": {
+            "values": [
+                "flat",
+                "preserve-3d"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "TransformStyle3D"
+            }
+        },
+        "-webkit-transform-style": {
+            "*": [
+                "Keeping -webkit-transform-style around is how we'll detect legacy content. At that point",
+                "we'll have to add a custom builder and a new ETransformStyle3D type."
+            ],
+            "values": [
+                "flat",
+                "preserve-3d"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "TransformStyle3D"
+            }
+        },
+        "-webkit-user-drag": {
+            "values": [
+                "auto",
+                "none",
+                "element"
+            ]
+        },
+        "-webkit-user-modify": {
+            "inherited": true,
+            "values": []
+        },
+        "-webkit-user-select": {
+            "inherited": true,
+            "values": []
+        },
+        "-webkit-flow-into": {
+            "codegen-properties": {
+                "name-for-methods": "FlowThread",
+                "converter": "StringOrNone",
+                "enable-if": "ENABLE_CSS_REGIONS"
+            }
+        },
+        "-webkit-flow-from": {
+            "codegen-properties": {
+                "name-for-methods": "RegionThread",
+                "converter": "StringOrNone",
+                "enable-if": "ENABLE_CSS_REGIONS"
+            }
+        },
+        "-webkit-region-fragment": {
+            "values": [
+                "auto",
+                "break"
+            ],
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_REGIONS"
+            }
+        },
+        "-webkit-region-break-after": {
+            "values": [
+                "auto",
+                "always",
+                "avoid",
+                "left",
+                "right"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakBetween",
+                "name-for-methods": "BreakAfter",
+                "converter": "RegionBreakBetween",
+                "enable-if": "ENABLE_CSS_REGIONS"
+            }
+        },
+        "-webkit-region-break-before": {
+            "values": [
+                "auto",
+                "always",
+                "avoid",
+                "left",
+                "right"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakBetween",
+                "name-for-methods": "BreakBefore",
+                "converter": "RegionBreakBetween",
+                "enable-if": "ENABLE_CSS_REGIONS"
+            }
+        },
+        "-webkit-region-break-inside": {
+            "values": [
+                "auto",
+                "avoid"
+            ],
+            "codegen-properties": {
+                "initial": "initialBreakInside",
+                "name-for-methods": "BreakInside",
+                "converter": "RegionBreakInside",
+                "enable-if": "ENABLE_CSS_REGIONS"
+            }
+        },
+        "scroll-padding": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "longhands": [
+                    "scroll-padding-top",
+                    "scroll-padding-right",
+                    "scroll-padding-bottom",
+                    "scroll-padding-left"
+                ]
+            }
+        },
+        "scroll-padding-bottom": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "initial": "initialScrollPadding",
+                "converter": "Length"
+            }
+        },
+        "scroll-padding-left": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "initial": "initialScrollPadding",
+                "converter": "Length"
+            }
+        },
+        "scroll-padding-right": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "initial": "initialScrollPadding",
+                "converter": "Length"
+            }
+        },
+        "scroll-padding-top": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "initial": "initialScrollPadding",
+                "converter": "Length"
+            }
+        },
+        "scroll-snap-align": {
+            "codegen-properties": {
+                "converter": "ScrollSnapAlign",
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP"
+            }
+        },
+        "scroll-snap-margin": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "longhands": [
+                    "scroll-snap-margin-top",
+                    "scroll-snap-margin-right",
+                    "scroll-snap-margin-bottom",
+                    "scroll-snap-margin-left"
+                ]
+            }
+        },
+        "scroll-snap-margin-bottom": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "initial": "initialScrollSnapMargin",
+                "converter": "Length"
+            }
+        },
+        "scroll-snap-margin-left": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "initial": "initialScrollSnapMargin",
+                "converter": "Length"
+            }
+        },
+        "scroll-snap-margin-right": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "initial": "initialScrollSnapMargin",
+                "converter": "Length"
+            }
+        },
+        "scroll-snap-margin-top": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP",
+                "initial": "initialScrollSnapMargin",
+                "converter": "Length"
+            }
+        },
+        "scroll-snap-type": {
+            "codegen-properties": {
+                "converter": "ScrollSnapType",
+                "enable-if": "ENABLE_CSS_SCROLL_SNAP"
+            }
+        },
+        "shape-outside": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-shape-outside"
+                ],
+                "converter": "ShapeValue"
+            }
+        },
+        "shape-margin": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-shape-margin"
+                ],
+                "converter": "Length"
+            }
+        },
+        "shape-image-threshold": {
+            "codegen-properties": {
+                "aliases": [
+                    "-webkit-shape-image-threshold"
+                ],
+                "converter": "NumberOrAuto<float>"
+            }
+        },
+        "max-zoom": {
+            "codegen-properties": {
+                "skip-builder": true,
+                "enable-if": "ENABLE_CSS_DEVICE_ADAPTATION"
+            }
+        },
+        "min-zoom": {
+            "codegen-properties": {
+                "skip-builder": true,
+                "enable-if": "ENABLE_CSS_DEVICE_ADAPTATION"
+            }
+        },
+        "orientation": {
+            "codegen-properties": {
+                "skip-builder": true,
+                "enable-if": "ENABLE_CSS_DEVICE_ADAPTATION"
+            }
+        },
+        "user-zoom": {
+            "codegen-properties": {
+                "skip-builder": true,
+                "enable-if": "ENABLE_CSS_DEVICE_ADAPTATION"
+            }
+        },
+        "-webkit-tap-highlight-color": {
+            "inherited": true,
+            "codegen-properties": {
+                "converter": "TapHighlightColor",
+                "enable-if": "ENABLE_TOUCH_EVENTS"
+            }
+        },
+        "-webkit-dashboard-region": {
+            "codegen-properties": {
+                "name-for-methods": "DashboardRegions",
+                "custom": "Value",
+                "enable-if": "ENABLE_DASHBOARD_SUPPORT"
+            }
+        },
+        "-webkit-overflow-scrolling": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "touch"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "UseTouchOverflowScrolling",
+                "converter": "OverflowScrolling",
+                "enable-if": "ENABLE_ACCELERATED_OVERFLOW_SCROLLING"
+            }
+        },
+        "touch-action": {
+            "values": [
+                "auto",
+                "manipulation"
+            ],
+            "codegen-properties": {
+                "enable-if": "ENABLE_TOUCH_EVENTS"
+            }
+        },
+        "-webkit-touch-callout": {
+            "inherited": true,
+            "values": [
+                "default",
+                "none"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "TouchCalloutEnabled",
+                "converter": "TouchCallout",
+                "enable-if": "WTF_PLATFORM_IOS"
+            }
+        },
+        "-apple-trailing-word": {
+            "inherited": true,
+            "values": [
+                "auto",
+                "-webkit-partially-balanced"
+            ],
+            "codegen-properties": {
+                "name-for-methods": "TrailingWord",
+                "enable-if": "ENABLE_CSS_TRAILING_WORD"
+            }
+        },
+        "-apple-pay-button-style": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_APPLE_PAY"
+            }
+        },
+        "-apple-pay-button-type": {
+            "codegen-properties": {
+                "enable-if": "ENABLE_APPLE_PAY"
+            }
+        }
+    }
+}
diff --git a/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/Info.plist b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/Info.plist
new file mode 100644
index 0000000..6611368
--- /dev/null
+++ b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/Info.plist	
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>NSHumanReadableCopyright</key>
+	<string>Copyright © 2017 ArkPhone LLC. All rights reserved.</string>
+	<key>NSPrincipalClass</key>
+	<string></string>
+</dict>
+</plist>
diff --git a/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.h b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.h
new file mode 100644
index 0000000..4d72ac3
--- /dev/null
+++ b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.h	
@@ -0,0 +1,33 @@
+//
+//  StyleAttributeEditor.h
+//  StyleAttributeEditor
+//
+//  Created by Douglas Ward on 1/2/17.
+//  Copyright © 2017 ArkPhone LLC. All rights reserved.
+//
+
+#import <MacSVGPlugin/MacSVGPlugin.h>
+
+@interface StyleAttributeEditor : MacSVGPlugin
+{
+    IBOutlet NSTableView * stylePropertiesTableView;
+
+    IBOutlet NSButton * cancelButton;
+    IBOutlet NSButton * applyChangesButton;
+    IBOutlet NSComboBox * propertyNameComboBox;
+    IBOutlet NSComboBox * propertyValueComboBox;
+}
+@property (strong) NSMutableArray * stylePropertiesArray;
+@property (strong) NSDictionary * cssPropertiesDictionary;
+
+@property (strong) NSArray * styleNamesComboArray;
+@property (strong) NSArray * styleValuesComboArray;
+
+- (IBAction)cancelButtonAction:(id)sender;
+- (IBAction)applyChangesButtonAction:(id)sender;
+
+- (IBAction)addStylePropertyRow:(id)sender;
+- (IBAction)deleteStylePropertyRow:(id)sender;
+
+
+@end
diff --git a/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.m b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.m
new file mode 100644
index 0000000..d591b3d
--- /dev/null
+++ b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.m	
@@ -0,0 +1,741 @@
+//
+//  StyleAttributeEditor.m
+//  StyleAttributeEditor
+//
+//  Created by Douglas Ward on 1/2/17.
+//  Copyright © 2017 ArkPhone LLC. All rights reserved.
+//
+
+#import "StyleAttributeEditor.h"
+#import "StylePropertiesTableRowView.h"
+#import "MacSVGPlugin/MacSVGPluginCallbacks.h"
+#import "MacSVGDocumentWindowController.h"
+#import "SVGWebKitController.h"
+#import "StylePropertiesTableRowView.h"
+
+@implementation StyleAttributeEditor
+
+
+//==================================================================================
+//	dealloc
+//==================================================================================
+
+- (void)dealloc
+{
+}
+
+//==================================================================================
+//	awakeFromNib
+//==================================================================================
+
+- (void)awakeFromNib
+{
+    [super awakeFromNib];
+}
+
+//==================================================================================
+//	init
+//==================================================================================
+
+- (instancetype)init
+{
+    self = [super init];
+    if (self)
+    {
+        // Initialization code here.
+        
+       NSBundle * thisBundle = [NSBundle bundleForClass:[self class]];
+
+       NSURL * cssProperiesURL = [thisBundle URLForResource:@"CSSProperties" withExtension:@"json"];
+        
+        NSData * cssPropertiesData = [NSData dataWithContentsOfURL:cssProperiesURL];
+        
+        NSError * jsonError = NULL;
+        NSJSONReadingOptions jsonOptions = 0;
+        self.cssPropertiesDictionary = [NSJSONSerialization JSONObjectWithData:cssPropertiesData
+                options:jsonOptions error:&jsonError];
+        
+        NSDictionary * propertiesDictionary = [self.cssPropertiesDictionary objectForKey:@"properties"];
+        NSArray * propertiesAllKeysArray = [propertiesDictionary allKeys];
+
+        propertiesAllKeysArray = [propertiesAllKeysArray sortedArrayUsingSelector:@selector(caseInsensitiveCompare:)];
+
+        self.styleNamesComboArray = propertiesAllKeysArray;
+        self.styleValuesComboArray = [NSArray array];
+    }
+    
+    return self;
+}
+
+//==================================================================================
+//	pluginName
+//==================================================================================
+
+- (NSString *)pluginName
+{
+    return @"Style Attribute Editor";
+}
+
+//==================================================================================
+//	isEditorForElement:elementName:
+//==================================================================================
+
+// return label if this editor can edit specified element tag name
+- (NSString *)isEditorForElement:(NSXMLElement *)aElement elementName:(NSString *)elementName
+{
+    NSString * result = NULL;
+    
+    // currently, the element name is not a factor for this plugin
+
+    return result;
+}
+
+//==================================================================================
+//	isEditorForElement:elementName:attribute:
+//==================================================================================
+
+// return label if this editor can edit specified element and attribute
+- (NSString *)isEditorForElement:(NSXMLElement *)aElement elementName:(NSString *)elementName attribute:(NSString *)attributeName
+{   
+    NSString * result = NULL;
+
+    if ([attributeName isEqualToString:@"style"] == YES)
+    {
+        result = self.pluginName;
+    }
+    
+    return result;
+}
+
+//==================================================================================
+//	editorPriority:context:
+//==================================================================================
+
+- (NSInteger)editorPriority:(NSXMLElement *)targetElement context:(NSString *)context
+{
+    return 30;
+}
+
+//==================================================================================
+//	beginEditForXMLElement:domElement:attributeName:existingValue:
+//==================================================================================
+
+- (BOOL)beginEditForXMLElement:(NSXMLElement *)newPluginTargetXMLElement
+        domElement:(DOMElement *)newPluginTargetDOMElement 
+        attributeName:(NSString *)newAttributeName
+        existingValue:(NSString *)existingValue
+{
+    BOOL result = [super beginEditForXMLElement:newPluginTargetXMLElement
+            domElement:newPluginTargetDOMElement attributeName:newAttributeName
+            existingValue:existingValue];
+
+    self.stylePropertiesArray = [NSMutableArray array];
+
+    [self loadStylePropertiesData];
+    
+    [stylePropertiesTableView reloadData];
+
+    return result;
+}
+
+//==================================================================================
+//	beginEditForXMLElement:domElement:existingValue:
+//==================================================================================
+
+- (BOOL)beginEditForXMLElement:(NSXMLElement *)newPluginTargetXMLElement
+        domElement:(DOMElement *)newPluginTargetElement
+{
+    BOOL result = [super beginEditForXMLElement:newPluginTargetXMLElement
+            domElement:newPluginTargetElement];
+
+    self.stylePropertiesArray = [NSMutableArray array];
+
+    [self loadStylePropertiesData];
+    
+    [stylePropertiesTableView reloadData];
+    
+    return result;
+}
+
+//==================================================================================
+//	loadStylePropertiesData
+//==================================================================================
+
+- (void)loadStylePropertiesData
+{
+    NSXMLNode * styleAttributeNode = [self.pluginTargetXMLElement attributeForName:@"style"];
+    if (styleAttributeNode != NULL)
+    {
+        //NSString * valuesAttributeValue = [valuesAttributeNode stringValue];
+        //[valuesTextView setString:valuesAttributeValue];
+        
+        [self configureStylePropertiesTableView];
+    }
+    else
+    {
+        [self.stylePropertiesArray removeAllObjects];
+    }
+}
+
+//==================================================================================
+//	configureStylePropertiesTableView
+//==================================================================================
+
+- (void)configureStylePropertiesTableView
+{
+    self.stylePropertiesArray = [NSMutableArray array];
+
+    stylePropertiesTableView.columnAutoresizingStyle = NSTableViewUniformColumnAutoresizingStyle;
+
+    while(stylePropertiesTableView.tableColumns.count > 0)
+    {
+        [stylePropertiesTableView removeTableColumn:stylePropertiesTableView.tableColumns.lastObject];
+    }
+    
+    stylePropertiesTableView.columnAutoresizingStyle = NSTableViewUniformColumnAutoresizingStyle;
+    
+    NSTableColumn * indexTableColumn = [[NSTableColumn alloc] initWithIdentifier:@"#"];
+    indexTableColumn.title = @"#";
+    indexTableColumn.width = 30.0f;
+    indexTableColumn.minWidth = 30.0f;
+    indexTableColumn.maxWidth = 100.0f;
+    [stylePropertiesTableView addTableColumn:indexTableColumn];
+    
+    CGFloat tableWidth = stylePropertiesTableView.bounds.size.width - 30.0f;
+
+    CGFloat columnWidth = tableWidth / 2.0f;
+
+    NSTableColumn * xTableColumn = [[NSTableColumn alloc] initWithIdentifier:@"property"];
+    xTableColumn.title = @"property";
+    xTableColumn.width = columnWidth;
+    xTableColumn.minWidth = 60.0f;
+    xTableColumn.maxWidth = 100.0f;
+    [stylePropertiesTableView addTableColumn:xTableColumn];
+
+    NSTableColumn * yTableColumn = [[NSTableColumn alloc] initWithIdentifier:@"value"];
+    yTableColumn.title = @"value";
+    yTableColumn.width = columnWidth;
+    yTableColumn.minWidth = 60.0f;
+    yTableColumn.maxWidth = 100.0f;
+    [stylePropertiesTableView addTableColumn:yTableColumn];
+
+    NSXMLElement * animateMotionElement = self.pluginTargetXMLElement;
+
+    NSXMLNode * styleAttributeNode = [animateMotionElement attributeForName:@"style"];
+    if (styleAttributeNode != NULL)
+    {
+        NSString * styleAttributeString = styleAttributeNode.stringValue;
+        
+        if (styleAttributeString.length > 0)
+        {
+            NSCharacterSet * whitespaceCharacterSet = [NSCharacterSet whitespaceAndNewlineCharacterSet];
+            styleAttributeString = [styleAttributeString stringByTrimmingCharactersInSet:whitespaceCharacterSet];
+
+            while ([styleAttributeString rangeOfString:@"  "].location != NSNotFound)
+            {
+                styleAttributeString = [styleAttributeString stringByReplacingOccurrencesOfString:@"  " withString:@" "];
+            }
+            
+            NSArray * newStylePropertiesArray = [styleAttributeString componentsSeparatedByString:@";"];
+
+            NSInteger newStylePropertiesArrayCount = newStylePropertiesArray.count;
+            
+            for (NSInteger i = 0; i < newStylePropertiesArrayCount; i++)
+            {
+                NSString * aPropertyString = newStylePropertiesArray[i];
+                
+                aPropertyString = [aPropertyString stringByTrimmingCharactersInSet:whitespaceCharacterSet];
+
+                if ([aPropertyString length] > 0)
+                {
+                    NSArray * aPropertyArray = [aPropertyString componentsSeparatedByString:@":"];
+                    
+                    NSInteger aPropertyArrayCount = [aPropertyArray count];
+                    
+                    if (aPropertyArrayCount > 0)
+                    {
+                        NSString * propertyNameString = [aPropertyArray objectAtIndex:0];
+                        NSString * propertyValueString = @"";
+                        
+                        if (aPropertyArrayCount == 2)
+                        {
+                            propertyValueString = [aPropertyArray objectAtIndex:1];
+                        }
+                        
+                        NSMutableDictionary * propertyDictionary = [NSMutableDictionary dictionaryWithObjectsAndKeys:
+                                propertyNameString, @"property",
+                                propertyValueString, @"value",
+                                NULL];
+
+                        [self.stylePropertiesArray addObject:propertyDictionary];
+                    }
+                }
+            }
+        }
+    }
+    
+    [stylePropertiesTableView reloadData];
+    
+    stylePropertiesTableView.rowHeight = 14.0f;
+}
+
+//==================================================================================
+//	numberOfRowsInTableView:
+//==================================================================================
+
+- (NSInteger)numberOfRowsInTableView:(NSTableView *)aTableView
+{
+    return (self.stylePropertiesArray).count;
+}
+
+//==================================================================================
+//	itemTextFieldUpdated:
+//==================================================================================
+
+- (IBAction)itemTextFieldUpdated:(id)sender
+{
+    //NSInteger rowIndex = [stylePropertiesTableView rowForView:sender];
+    //NSInteger columnIndex = [stylePropertiesTableView columnForView:sender];
+
+    NSInteger rowIndex = [stylePropertiesTableView selectedRow];
+    NSInteger columnIndex = [stylePropertiesTableView selectedColumn];
+    
+    NSString * stringValue = [sender stringValue];
+    
+    stringValue = [stringValue copy];
+    
+    NSView * senderSuperview = NULL;
+    if ([sender isKindOfClass:[NSView class]] == YES)
+    {
+        NSView * senderView = sender;
+        senderSuperview = senderView.superview;
+    }
+    
+    NSMutableDictionary * aStylePropertyDictionary = NULL;
+    
+    if (sender == propertyNameComboBox)
+    {
+        NSDictionary * propertiesDictionary = [self.cssPropertiesDictionary objectForKey:@"properties"];
+        
+        NSDictionary * propertyDictionary = [propertiesDictionary objectForKey:stringValue];
+        
+        NSArray * propertyValuesArray = [propertyDictionary objectForKey:@"values"];
+        
+        self.styleValuesComboArray = propertyValuesArray;
+    }
+    else if (sender == propertyValueComboBox)
+    {
+    }
+    else if ([senderSuperview isKindOfClass:[StylePropertiesTableRowView class]] == YES)
+    {
+        // sender was a text cell inside the table view
+        if (rowIndex < (self.stylePropertiesArray).count)
+        {
+            NSTextField * tableCellTextField = sender;
+            NSString * tableCellString = tableCellTextField.stringValue;
+        
+            aStylePropertyDictionary = (self.stylePropertiesArray)[rowIndex];
+            
+            if (columnIndex == 1)
+            {
+                [aStylePropertyDictionary setValue:tableCellString forKey:@"property"];
+            }
+            else if (columnIndex == 2)
+            {
+                [aStylePropertyDictionary setValue:tableCellString forKey:@"value"];
+            }
+
+            NSString * propertyString = aStylePropertyDictionary[@"property"];
+            if (propertyString != NULL)
+            {
+                NSString * valueString = aStylePropertyDictionary[@"value"];
+                
+                if (valueString == NULL)
+                {
+                    valueString = @"";
+                }
+                
+                propertyNameComboBox.stringValue = propertyString;
+                propertyValueComboBox.stringValue = valueString;
+            }
+        }
+    }
+}
+
+//==================================================================================
+//	controlTextDidEndEditing:
+//==================================================================================
+
+- (void)controlTextDidEndEditing:(NSNotification *)aNotification
+{
+    id sender = aNotification.object;
+    
+    [self itemTextFieldUpdated:sender];
+}
+
+//==================================================================================
+//	controlTextDidBeginEditing:
+//==================================================================================
+
+- (void)controlTextDidBeginEditing:(NSNotification *)aNotification
+{
+    id sender = aNotification.object;
+    
+    NSTextField * textField = sender;
+    textField.backgroundColor = [NSColor whiteColor];
+}
+
+//==================================================================================
+//	control:textShouldBeginEditing:
+//==================================================================================
+
+- (BOOL)control:(NSControl *)control textShouldBeginEditing:(NSText *)fieldEditor
+{
+    return YES;
+}
+
+//==================================================================================
+//	control:textShouldEndEditing:
+//==================================================================================
+
+- (BOOL)control:(NSControl *)control textShouldEndEditing:(NSText *)fieldEditor
+{
+    return YES;
+}
+
+//==================================================================================
+//	tableView:rowViewForRow:
+//==================================================================================
+
+- (NSTableRowView *)tableView:(NSTableView *)tableView
+                rowViewForRow:(NSInteger)row
+{
+    // from http://stackoverflow.com/questions/10910779/coloring-rows-in-view-based-nstableview
+    static NSString* const kRowIdentifier = @"AnimateMotionTableRowView";
+    
+    StylePropertiesTableRowView * rowView = [tableView makeViewWithIdentifier:kRowIdentifier owner:self];
+    
+    if (rowView == NULL)
+    {
+        // Size doesn't matter, the table will set it
+        rowView = [[StylePropertiesTableRowView alloc] initWithFrame:NSZeroRect];
+
+        // This seemingly magical line enables your view to be found
+        // next time "makeViewWithIdentifier" is called.
+        rowView.identifier = kRowIdentifier; 
+    }
+
+    // Can customize properties here. Note that customizing
+    // 'backgroundColor' isn't going to work at this point since the table
+    // will reset it later. Use 'didAddRow' to customize if desired.
+
+    return rowView;
+}
+
+//==================================================================================
+//	tableView:viewForTableColumn:row:
+//==================================================================================
+
+- (NSView *)tableView:(NSTableView *)tableView viewForTableColumn:(NSTableColumn *)tableColumn row:(NSInteger)row
+{
+    NSTextField * resultView = [tableView makeViewWithIdentifier:tableColumn.identifier owner:self];
+
+    if (resultView == nil)
+    {
+        resultView = [[NSTextField alloc] initWithFrame:tableView.frame];
+        resultView.identifier = tableColumn.identifier;
+        resultView.font = [NSFont systemFontOfSize:10];
+        resultView.bordered = NO;
+        resultView.backgroundColor = [NSColor clearColor];
+    }
+
+    NSString * resultString = @"";
+
+    if (row < (self.stylePropertiesArray).count)
+    {
+        NSString * tableColumnIdentifier = tableColumn.identifier;
+        
+        if ([tableColumnIdentifier isEqualToString:@"#"] == YES)
+        {
+            resultString = [NSString stringWithFormat:@"%ld", (row + 1)];
+            resultView.editable = NO;
+        }
+        else
+        {
+            resultView.editable = YES;
+            resultView.delegate = (id)self;
+        
+            NSMutableDictionary * aStylePropertyDictionary = (self.stylePropertiesArray)[row];
+
+            if ([tableColumnIdentifier isEqualToString:@"property"] == YES)
+            {
+                resultString = aStylePropertyDictionary[@"property"];
+            }
+            else if ([tableColumnIdentifier isEqualToString:@"value"] == YES)
+            {
+                resultString = aStylePropertyDictionary[@"value"];
+            }
+        }
+    }
+
+    if (resultString == NULL)
+    {
+        resultString = @"";
+    }
+
+    resultView.stringValue = resultString;
+    
+    return resultView;
+}
+
+//==================================================================================
+//	tableViewSelectionDidChange:
+//==================================================================================
+
+- (void)tableViewSelectionDidChange:(NSNotification *)aNotification
+{
+	id aTableView = aNotification.object;
+	if (aTableView == stylePropertiesTableView)
+	{
+        [self refreshSelectedRow];
+    }
+}
+
+//==================================================================================
+//	refreshSelectedRow
+//==================================================================================
+
+- (void)refreshSelectedRow
+{
+    NSInteger rowIndex = stylePropertiesTableView.selectedRow;
+
+    if (rowIndex >= 0)
+    {
+        NSDictionary * stylePropertyDictionary = [self.stylePropertiesArray objectAtIndex:rowIndex];
+        
+        NSString * propertyNameString = [stylePropertyDictionary objectForKey:@"property"];
+        NSString * propertyValueString = [stylePropertyDictionary objectForKey:@"value"];
+        
+        if (propertyNameString == NULL)
+        {
+            propertyNameString = @"";
+        }
+        
+        if (propertyValueString == NULL)
+        {
+            propertyValueString = @"";
+        }
+        
+        propertyNameComboBox.stringValue = propertyNameString;
+        propertyValueComboBox.stringValue = propertyValueString;
+        
+        NSDictionary * propertiesDictionary = [self.cssPropertiesDictionary objectForKey:@"properties"];
+        
+        NSDictionary * propertyDictionary = [propertiesDictionary objectForKey:propertyNameString];
+        
+        NSArray * propertyValuesArray = [propertyDictionary objectForKey:@"values"];
+        
+        self.styleValuesComboArray = propertyValuesArray;
+    }
+    else
+    {
+        propertyNameComboBox.stringValue = @"";
+        propertyValueComboBox.stringValue = @"";
+    }
+}
+
+//==================================================================================
+//	updateEditForXMLElement:domElement:info:
+//==================================================================================
+
+- (void)updateEditForXMLElement:(NSXMLElement *)xmlElement domElement:(DOMElement *)domElement info:(id)infoData
+{
+    // subclasses can override as needed
+    
+    NSArray * aStylePropertiesArray = infoData;
+    #pragma unused(aStylePropertiesArray)
+    
+    [self loadStylePropertiesData];
+    
+    [stylePropertiesTableView reloadData];
+}
+
+//==================================================================================
+//	cancelButtonAction
+//==================================================================================
+
+- (IBAction)cancelButtonAction:(id)sender
+{
+}
+
+//==================================================================================
+//	applyChangesButtonAction:
+//==================================================================================
+
+- (IBAction)applyChangesButtonAction:(id)sender
+{
+    [self.macSVGPluginCallbacks pushUndoRedoDocumentChanges];
+    
+    NSInteger selectedRow = stylePropertiesTableView.selectedRow;
+    NSIndexSet * selectedRowIndexSet = stylePropertiesTableView.selectedRowIndexes;
+    
+    NSMutableDictionary * newStylePropertyDictionary = NULL;
+    
+    if (selectedRow >= 0)
+    {
+        newStylePropertyDictionary = (self.stylePropertiesArray)[selectedRow];
+        
+        NSString * newPropertyName = propertyNameComboBox.stringValue;
+        NSString * newPropertyValue = propertyValueComboBox.stringValue;
+        
+        [newStylePropertyDictionary setObject:newPropertyName forKey:@"property"];
+        [newStylePropertyDictionary setObject:newPropertyValue forKey:@"value"];
+
+        NSMutableString * styleString = [NSMutableString string];
+        NSInteger indexOfObject = 0;
+        for (NSMutableDictionary * stylePropertyDictionary in self.stylePropertiesArray)
+        {
+            NSString * aStylePropertyString = stylePropertyDictionary[@"property"];
+            NSString * aStyleValueString = stylePropertyDictionary[@"value"];
+
+            [styleString appendString:aStylePropertyString];
+            
+            if ([aStyleValueString length] > 0)
+            {
+                [styleString appendString:@":"];
+                [styleString appendString:aStyleValueString];
+            }
+            
+            [styleString appendString:@"; "];
+            
+            indexOfObject++;
+        }
+
+        [self setAttributeName:@"style" value:styleString element:self.pluginTargetXMLElement];
+        
+        [stylePropertiesTableView reloadData];
+        
+        [stylePropertiesTableView selectRowIndexes:selectedRowIndexSet byExtendingSelection:NO];
+        
+        [self updateDocumentViews];
+    }
+}
+
+//==================================================================================
+//	setAttributeName:value:element:
+//==================================================================================
+
+- (void)setAttributeName:(NSString *)attributeName value:(NSString *)attributeValue element:(NSXMLElement *)aElement
+{
+    NSXMLNode * attributeNode = [aElement attributeForName:attributeName];
+    if (attributeValue.length == 0)
+    {
+        if (attributeNode != NULL)
+        {
+            [aElement removeAttributeForName:attributeName];
+        }
+    }
+    else
+    {
+        if (attributeNode == NULL)
+        {
+            attributeNode = [[NSXMLNode alloc] initWithKind:NSXMLAttributeKind];
+            attributeNode.name = attributeName;
+            attributeNode.stringValue = @"";
+            [aElement addAttribute:attributeNode];
+        }
+        attributeNode.stringValue = attributeValue;
+    }
+}
+
+//==================================================================================
+//	addStylePropertyRow:
+//==================================================================================
+
+- (IBAction)addStylePropertyRow:(id)sender
+{
+    NSInteger selectedRow = stylePropertiesTableView.selectedRow;
+    
+    NSMutableDictionary * newStylePropertyDictionary = NULL;
+    
+    NSInteger insertIndex = selectedRow + 1;
+    
+    newStylePropertyDictionary = [NSMutableDictionary dictionaryWithObjectsAndKeys:
+            @"new-css-style", @"property",
+            @"new-value", @"value",
+            NULL];
+    
+    [self.stylePropertiesArray insertObject:newStylePropertyDictionary atIndex:insertIndex];
+    
+    [stylePropertiesTableView reloadData];
+    
+    NSIndexSet * rowIndexSet = [NSIndexSet indexSetWithIndex:insertIndex];
+    [stylePropertiesTableView selectRowIndexes:rowIndexSet byExtendingSelection:NO];
+}
+
+//==================================================================================
+//	deleteStylePropertyRow:
+//==================================================================================
+
+- (IBAction)deleteStylePropertyRow:(id)sender
+{
+    NSInteger selectedRow = stylePropertiesTableView.selectedRow;
+
+    if (selectedRow >= 0)
+    {
+        [self.stylePropertiesArray removeObjectAtIndex:selectedRow];
+        
+        [stylePropertiesTableView reloadData];
+    }
+}
+
+//==================================================================================
+//	numberOfItemsInComboBox
+//==================================================================================
+
+- (NSInteger)numberOfItemsInComboBox:(NSComboBox *)aComboBox
+{
+    NSInteger result = 0;
+    
+    if (aComboBox == propertyNameComboBox)
+    {
+        result = self.styleNamesComboArray.count;
+    }
+    else if (aComboBox == propertyValueComboBox)
+    {
+        result = self.styleValuesComboArray.count;
+    }
+    
+    return result;
+}
+
+//==================================================================================
+//	objectValueForItemAtIndex
+//==================================================================================
+
+- (id)comboBox:(NSComboBox *)aComboBox objectValueForItemAtIndex:(NSInteger)index
+{
+    id result = @"";
+
+    if (aComboBox == propertyNameComboBox)
+    {
+        if (index < self.styleNamesComboArray.count)
+        {
+            result = [self.styleNamesComboArray objectAtIndex:index];
+        }
+    }
+    else if (aComboBox == propertyValueComboBox)
+    {
+        if (index < self.styleValuesComboArray.count)
+        {
+            result = [self.styleValuesComboArray objectAtIndex:index];
+        }
+    }
+    
+    return result;
+}
+
+
+
+
+@end
diff --git a/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.xib b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.xib
new file mode 100644
index 0000000..acfda44
--- /dev/null
+++ b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StyleAttributeEditor.xib	
@@ -0,0 +1,280 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.Cocoa.XIB" version="3.0" toolsVersion="11542" systemVersion="15G1004" targetRuntime="MacOSX.Cocoa" propertyAccessControl="none" customObjectInstantitationMethod="direct">
+    <dependencies>
+        <deployment identifier="macosx"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.CocoaPlugin" version="11542"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <objects>
+        <customObject id="-2" userLabel="File's Owner" customClass="StyleAttributeEditor">
+            <connections>
+                <outlet property="applyChangesButton" destination="viU-Pj-PB0" id="Qcg-zw-tOh"/>
+                <outlet property="cancelButton" destination="hks-hW-QMv" id="zfp-72-8YN"/>
+                <outlet property="pluginView" destination="qsn-T2-jYx" id="WOh-l0-gXb"/>
+                <outlet property="propertyNameComboBox" destination="PnW-u4-X2H" id="PT2-Gh-CqY"/>
+                <outlet property="propertyValueComboBox" destination="uIp-3s-CR3" id="TQL-VH-nk7"/>
+                <outlet property="stylePropertiesTableView" destination="nYF-eL-uuE" id="9WJ-O7-cWx"/>
+            </connections>
+        </customObject>
+        <customObject id="-1" userLabel="First Responder" customClass="FirstResponder"/>
+        <customObject id="-3" userLabel="Application" customClass="NSObject"/>
+        <customView misplaced="YES" id="qsn-T2-jYx" customClass="FlippedView">
+            <rect key="frame" x="0.0" y="0.0" width="270" height="282"/>
+            <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
+            <subviews>
+                <customView misplaced="YES" id="Y2N-ke-XhC">
+                    <rect key="frame" x="0.0" y="0.0" width="270" height="282"/>
+                    <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
+                    <subviews>
+                        <textField horizontalHuggingPriority="251" verticalHuggingPriority="750" id="azs-kV-qPB">
+                            <rect key="frame" x="18" y="260" width="114" height="14"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES"/>
+                            <textFieldCell key="cell" controlSize="small" scrollable="YES" lineBreakMode="clipping" sendsActionOnEndEditing="YES" title="Style Attribute Editor" id="eAu-CI-9kL">
+                                <font key="font" metaFont="smallSystem"/>
+                                <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                <color key="backgroundColor" name="controlColor" catalog="System" colorSpace="catalog"/>
+                            </textFieldCell>
+                        </textField>
+                        <scrollView misplaced="YES" autohidesScrollers="YES" horizontalLineScroll="22" horizontalPageScroll="10" verticalLineScroll="22" verticalPageScroll="10" usesPredominantAxisScrolling="NO" id="ZGL-VY-zdK">
+                            <rect key="frame" x="23" y="120" width="224" height="134"/>
+                            <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
+                            <clipView key="contentView" copiesOnScroll="NO" id="wBH-Li-bz9">
+                                <rect key="frame" x="1" y="0.0" width="222" height="133"/>
+                                <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                                <subviews>
+                                    <tableView verticalHuggingPriority="750" allowsExpansionToolTips="YES" columnAutoresizingStyle="lastColumnOnly" columnReordering="NO" multipleSelection="NO" autosaveColumns="NO" typeSelect="NO" rowHeight="20" rowSizeStyle="automatic" headerView="Ah8-cG-fUy" viewBased="YES" id="nYF-eL-uuE">
+                                        <rect key="frame" x="0.0" y="0.0" width="222" height="110"/>
+                                        <autoresizingMask key="autoresizingMask"/>
+                                        <size key="intercellSpacing" width="3" height="2"/>
+                                        <color key="backgroundColor" name="controlBackgroundColor" catalog="System" colorSpace="catalog"/>
+                                        <tableViewGridLines key="gridStyleMask" vertical="YES" horizontal="YES"/>
+                                        <color key="gridColor" name="gridColor" catalog="System" colorSpace="catalog"/>
+                                        <tableColumns>
+                                            <tableColumn width="34.90234375" minWidth="10" maxWidth="3.4028234663852886e+38" id="Hgs-Xk-hSd">
+                                                <tableHeaderCell key="headerCell" lineBreakMode="truncatingTail" borderStyle="border" alignment="left" title="No.">
+                                                    <font key="font" metaFont="smallSystem"/>
+                                                    <color key="textColor" name="headerTextColor" catalog="System" colorSpace="catalog"/>
+                                                    <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
+                                                </tableHeaderCell>
+                                                <textFieldCell key="dataCell" controlSize="small" lineBreakMode="truncatingTail" selectable="YES" editable="YES" alignment="left" title="Text Cell" id="w39-FQ-Gus">
+                                                    <font key="font" metaFont="smallSystem"/>
+                                                    <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                                    <color key="backgroundColor" name="controlBackgroundColor" catalog="System" colorSpace="catalog"/>
+                                                </textFieldCell>
+                                                <tableColumnResizingMask key="resizingMask" resizeWithTable="YES" userResizable="YES"/>
+                                                <prototypeCellViews>
+                                                    <tableCellView misplaced="YES" id="0yI-zo-2Hm">
+                                                        <rect key="frame" x="1" y="1" width="35" height="20"/>
+                                                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                                                        <subviews>
+                                                            <textField verticalHuggingPriority="750" horizontalCompressionResistancePriority="250" misplaced="YES" id="ypr-Os-g1R">
+                                                                <rect key="frame" x="0.0" y="3" width="91" height="17"/>
+                                                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES"/>
+                                                                <textFieldCell key="cell" lineBreakMode="truncatingTail" sendsActionOnEndEditing="YES" title="Table View Cell" id="5hQ-gp-DVx">
+                                                                    <font key="font" metaFont="system"/>
+                                                                    <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                                                    <color key="backgroundColor" name="controlColor" catalog="System" colorSpace="catalog"/>
+                                                                </textFieldCell>
+                                                            </textField>
+                                                        </subviews>
+                                                        <connections>
+                                                            <outlet property="textField" destination="ypr-Os-g1R" id="s93-Aa-p69"/>
+                                                        </connections>
+                                                    </tableCellView>
+                                                </prototypeCellViews>
+                                            </tableColumn>
+                                            <tableColumn width="78.515625" minWidth="10" maxWidth="3.4028234663852886e+38" id="7f6-ha-QMh">
+                                                <tableHeaderCell key="headerCell" lineBreakMode="truncatingTail" borderStyle="border" alignment="left" title="property">
+                                                    <font key="font" metaFont="smallSystem"/>
+                                                    <color key="textColor" name="headerTextColor" catalog="System" colorSpace="catalog"/>
+                                                    <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
+                                                </tableHeaderCell>
+                                                <textFieldCell key="dataCell" controlSize="small" lineBreakMode="truncatingTail" selectable="YES" editable="YES" alignment="left" title="Text Cell" id="HXU-xu-Nqg">
+                                                    <font key="font" metaFont="smallSystem"/>
+                                                    <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                                    <color key="backgroundColor" name="controlBackgroundColor" catalog="System" colorSpace="catalog"/>
+                                                </textFieldCell>
+                                                <tableColumnResizingMask key="resizingMask" resizeWithTable="YES" userResizable="YES"/>
+                                                <prototypeCellViews>
+                                                    <tableCellView misplaced="YES" id="iqT-Er-7aT">
+                                                        <rect key="frame" x="39" y="1" width="79" height="20"/>
+                                                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                                                        <subviews>
+                                                            <textField verticalHuggingPriority="750" horizontalCompressionResistancePriority="250" misplaced="YES" id="ldM-vi-fhq">
+                                                                <rect key="frame" x="0.0" y="3" width="122" height="17"/>
+                                                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES"/>
+                                                                <textFieldCell key="cell" lineBreakMode="truncatingTail" sendsActionOnEndEditing="YES" title="Table View Cell" id="P4u-MW-rvV">
+                                                                    <font key="font" metaFont="system"/>
+                                                                    <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                                                    <color key="backgroundColor" name="controlColor" catalog="System" colorSpace="catalog"/>
+                                                                </textFieldCell>
+                                                            </textField>
+                                                        </subviews>
+                                                        <connections>
+                                                            <outlet property="textField" destination="ldM-vi-fhq" id="xEu-hV-5l9"/>
+                                                        </connections>
+                                                    </tableCellView>
+                                                </prototypeCellViews>
+                                            </tableColumn>
+                                            <tableColumn identifier="" width="99" minWidth="10" maxWidth="3.4028234663852886e+38" id="3M4-Tb-llV">
+                                                <tableHeaderCell key="headerCell" lineBreakMode="truncatingTail" borderStyle="border" alignment="left" title="value">
+                                                    <font key="font" metaFont="smallSystem"/>
+                                                    <color key="textColor" name="headerTextColor" catalog="System" colorSpace="catalog"/>
+                                                    <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
+                                                </tableHeaderCell>
+                                                <textFieldCell key="dataCell" controlSize="small" lineBreakMode="truncatingTail" selectable="YES" editable="YES" alignment="left" title="Text Cell" id="xXT-eU-Rkt">
+                                                    <font key="font" metaFont="smallSystem"/>
+                                                    <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                                    <color key="backgroundColor" name="controlBackgroundColor" catalog="System" colorSpace="catalog"/>
+                                                </textFieldCell>
+                                                <tableColumnResizingMask key="resizingMask" resizeWithTable="YES" userResizable="YES"/>
+                                                <prototypeCellViews>
+                                                    <tableCellView id="J5R-MW-I8W">
+                                                        <rect key="frame" x="121" y="1" width="99" height="17"/>
+                                                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                                                        <subviews>
+                                                            <textField verticalHuggingPriority="750" horizontalCompressionResistancePriority="250" id="vEk-NG-fg4">
+                                                                <rect key="frame" x="0.0" y="0.0" width="99" height="17"/>
+                                                                <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
+                                                                <textFieldCell key="cell" lineBreakMode="truncatingTail" sendsActionOnEndEditing="YES" title="Table View Cell" id="XZr-rE-VID">
+                                                                    <font key="font" metaFont="system"/>
+                                                                    <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                                                    <color key="backgroundColor" name="controlColor" catalog="System" colorSpace="catalog"/>
+                                                                </textFieldCell>
+                                                            </textField>
+                                                        </subviews>
+                                                        <connections>
+                                                            <outlet property="textField" destination="vEk-NG-fg4" id="R1g-14-7GQ"/>
+                                                        </connections>
+                                                    </tableCellView>
+                                                </prototypeCellViews>
+                                            </tableColumn>
+                                        </tableColumns>
+                                        <connections>
+                                            <action selector="itemTextFieldUpdated:" target="-2" id="2e2-aD-28z"/>
+                                            <outlet property="dataSource" destination="-2" id="EER-EJ-X9X"/>
+                                            <outlet property="delegate" destination="-2" id="vuq-D8-xZj"/>
+                                            <outlet property="nextKeyView" destination="PnW-u4-X2H" id="xGK-em-nSH"/>
+                                        </connections>
+                                    </tableView>
+                                </subviews>
+                                <nil key="backgroundColor"/>
+                            </clipView>
+                            <scroller key="horizontalScroller" hidden="YES" verticalHuggingPriority="750" horizontal="YES" id="YW6-Kh-vGO">
+                                <rect key="frame" x="1" y="89" width="222" height="15"/>
+                                <autoresizingMask key="autoresizingMask"/>
+                            </scroller>
+                            <scroller key="verticalScroller" hidden="YES" verticalHuggingPriority="750" horizontal="NO" id="M9H-jE-mg4">
+                                <rect key="frame" x="-100" y="-100" width="15" height="102"/>
+                                <autoresizingMask key="autoresizingMask"/>
+                            </scroller>
+                            <tableHeaderView key="headerView" id="Ah8-cG-fUy">
+                                <rect key="frame" x="0.0" y="0.0" width="222" height="23"/>
+                                <autoresizingMask key="autoresizingMask"/>
+                            </tableHeaderView>
+                        </scrollView>
+                        <button verticalHuggingPriority="750" misplaced="YES" id="hks-hW-QMv">
+                            <rect key="frame" x="89" y="14" width="62" height="28"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMinY="YES"/>
+                            <buttonCell key="cell" type="push" title="Cancel" bezelStyle="rounded" alignment="center" controlSize="small" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="Hah-sB-oMM">
+                                <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                                <font key="font" metaFont="smallSystem"/>
+                                <string key="keyEquivalent" base64-UTF8="YES">
+Gw
+</string>
+                            </buttonCell>
+                            <connections>
+                                <action selector="cancelButtonAction:" target="-2" id="nOo-kr-a4H"/>
+                            </connections>
+                        </button>
+                        <button verticalHuggingPriority="750" misplaced="YES" id="viU-Pj-PB0">
+                            <rect key="frame" x="149" y="14" width="106" height="28"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMinY="YES"/>
+                            <buttonCell key="cell" type="push" title="Apply Changes" bezelStyle="rounded" alignment="center" controlSize="small" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="yhH-48-Ap8">
+                                <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                                <font key="font" metaFont="smallSystem"/>
+                            </buttonCell>
+                            <connections>
+                                <action selector="applyChangesButtonAction:" target="-2" id="mbY-9E-jdQ"/>
+                            </connections>
+                        </button>
+                        <textField horizontalHuggingPriority="251" verticalHuggingPriority="750" misplaced="YES" id="EZz-d7-5Oe">
+                            <rect key="frame" x="21" y="92" width="61" height="17"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES"/>
+                            <textFieldCell key="cell" scrollable="YES" lineBreakMode="clipping" sendsActionOnEndEditing="YES" title="Property:" id="hQZ-bL-aVL">
+                                <font key="font" metaFont="system"/>
+                                <color key="textColor" name="labelColor" catalog="System" colorSpace="catalog"/>
+                                <color key="backgroundColor" name="controlColor" catalog="System" colorSpace="catalog"/>
+                            </textFieldCell>
+                        </textField>
+                        <textField horizontalHuggingPriority="251" verticalHuggingPriority="750" misplaced="YES" id="VXA-Vq-QCN">
+                            <rect key="frame" x="21" y="58" width="41" height="17"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES"/>
+                            <textFieldCell key="cell" scrollable="YES" lineBreakMode="clipping" sendsActionOnEndEditing="YES" title="Value:" id="vuN-hr-cwn">
+                                <font key="font" metaFont="system"/>
+                                <color key="textColor" name="labelColor" catalog="System" colorSpace="catalog"/>
+                                <color key="backgroundColor" name="controlColor" catalog="System" colorSpace="catalog"/>
+                            </textFieldCell>
+                        </textField>
+                        <comboBox verticalHuggingPriority="750" misplaced="YES" id="PnW-u4-X2H">
+                            <rect key="frame" x="88" y="87" width="162" height="26"/>
+                            <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
+                            <comboBoxCell key="cell" scrollable="YES" lineBreakMode="clipping" selectable="YES" editable="YES" sendsActionOnEndEditing="YES" borderStyle="bezel" drawsBackground="YES" completes="NO" usesDataSource="YES" numberOfVisibleItems="5" id="Foy-si-PES">
+                                <font key="font" metaFont="system"/>
+                                <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                <color key="backgroundColor" name="textBackgroundColor" catalog="System" colorSpace="catalog"/>
+                            </comboBoxCell>
+                            <connections>
+                                <action selector="itemTextFieldUpdated:" target="-2" id="Z8f-hx-o8T"/>
+                                <outlet property="dataSource" destination="-2" id="2q2-xo-du8"/>
+                                <outlet property="delegate" destination="-2" id="Q8f-0g-bUl"/>
+                            </connections>
+                        </comboBox>
+                        <button verticalHuggingPriority="750" misplaced="YES" id="Das-qC-AJY">
+                            <rect key="frame" x="20" y="17" width="26" height="21"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES"/>
+                            <buttonCell key="cell" type="square" title="+" bezelStyle="shadowlessSquare" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="Qda-9x-gbO">
+                                <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                                <font key="font" metaFont="system"/>
+                            </buttonCell>
+                            <connections>
+                                <action selector="addStylePropertyRow:" target="-2" id="ta5-e3-5rJ"/>
+                            </connections>
+                        </button>
+                        <button verticalHuggingPriority="750" misplaced="YES" id="v0t-Rs-851">
+                            <rect key="frame" x="46" y="17" width="26" height="21"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMinY="YES"/>
+                            <buttonCell key="cell" type="square" title="-" bezelStyle="shadowlessSquare" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="gFG-w6-cRo">
+                                <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                                <font key="font" metaFont="system"/>
+                            </buttonCell>
+                            <connections>
+                                <action selector="deleteStylePropertyRow:" target="-2" id="Cy4-oS-eE9"/>
+                            </connections>
+                        </button>
+                        <comboBox verticalHuggingPriority="750" misplaced="YES" id="uIp-3s-CR3">
+                            <rect key="frame" x="68" y="53" width="161" height="26"/>
+                            <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
+                            <comboBoxCell key="cell" scrollable="YES" lineBreakMode="clipping" selectable="YES" editable="YES" sendsActionOnEndEditing="YES" borderStyle="bezel" drawsBackground="YES" completes="NO" usesDataSource="YES" numberOfVisibleItems="5" id="HpQ-wp-Qvu">
+                                <font key="font" metaFont="system"/>
+                                <color key="textColor" name="controlTextColor" catalog="System" colorSpace="catalog"/>
+                                <color key="backgroundColor" name="textBackgroundColor" catalog="System" colorSpace="catalog"/>
+                            </comboBoxCell>
+                            <connections>
+                                <action selector="itemTextFieldUpdated:" target="-2" id="0MG-Z7-BV6"/>
+                                <outlet property="dataSource" destination="-2" id="mUF-C9-DRu"/>
+                                <outlet property="delegate" destination="-2" id="dOr-NJ-8im"/>
+                            </connections>
+                        </comboBox>
+                        <stepper horizontalHuggingPriority="750" verticalHuggingPriority="750" misplaced="YES" id="lNS-zf-ca0">
+                            <rect key="frame" x="231" y="54" width="19" height="27"/>
+                            <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMinY="YES"/>
+                            <stepperCell key="cell" continuous="YES" alignment="left" maxValue="100" id="8eB-Wp-l2B"/>
+                        </stepper>
+                    </subviews>
+                </customView>
+            </subviews>
+            <point key="canvasLocation" x="71" y="253"/>
+        </customView>
+    </objects>
+</document>
diff --git a/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StylePropertiesTableRowView.h b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StylePropertiesTableRowView.h
new file mode 100644
index 0000000..5b93785
--- /dev/null
+++ b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StylePropertiesTableRowView.h	
@@ -0,0 +1,13 @@
+//
+//  StylePropertiesTableRowView.h
+//  StyleAttributeEditor
+//
+//  Created by Douglas Ward on 1/2/17.
+//  Copyright © 2017 ArkPhone LLC. All rights reserved.
+//
+
+#import <Cocoa/Cocoa.h>
+
+@interface StylePropertiesTableRowView : NSTableRowView
+
+@end
diff --git a/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StylePropertiesTableRowView.m b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StylePropertiesTableRowView.m
new file mode 100644
index 0000000..df11015
--- /dev/null
+++ b/MacSVG Plugin Projects/macSVG Plugins/StyleAttributeEditor/StyleAttributeEditor/StylePropertiesTableRowView.m	
@@ -0,0 +1,31 @@
+//
+//  StylePropertiesTableRowView.m
+//  StyleAttributeEditor
+//
+//  Created by Douglas Ward on 1/2/17.
+//  Copyright © 2017 ArkPhone LLC. All rights reserved.
+//
+
+#import "StylePropertiesTableRowView.h"
+
+@implementation StylePropertiesTableRowView
+
+/*
+- (void)drawRect:(NSRect)dirtyRect {
+    [super drawRect:dirtyRect];
+    
+    // Drawing code here.
+}
+*/
+
+- (NSBackgroundStyle)interiorBackgroundStyle
+{
+    return NSBackgroundStyleLight;
+}
+
+- (NSTableViewSelectionHighlightStyle)selectionHighlightStyle
+{
+    return NSTableViewSelectionHighlightStyleSourceList;
+}
+
+@end
diff --git a/MacSVG Plugin Projects/macSVG Plugins/TextElementEditor/TextElementEditor/TextElementEditor.xib b/MacSVG Plugin Projects/macSVG Plugins/TextElementEditor/TextElementEditor/TextElementEditor.xib
index d66f319..1967b23 100644
--- a/MacSVG Plugin Projects/macSVG Plugins/TextElementEditor/TextElementEditor/TextElementEditor.xib	
+++ b/MacSVG Plugin Projects/macSVG Plugins/TextElementEditor/TextElementEditor/TextElementEditor.xib	
@@ -94,8 +94,8 @@
                                 <color key="backgroundColor" name="controlColor" catalog="System" colorSpace="catalog"/>
                             </textFieldCell>
                         </textField>
-                        <textField verticalHuggingPriority="750" id="lHh-er-klF">
-                            <rect key="frame" x="53" y="166" width="44" height="19"/>
+                        <textField verticalHuggingPriority="750" misplaced="YES" id="lHh-er-klF">
+                            <rect key="frame" x="53" y="166" width="42" height="19"/>
                             <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMinY="YES"/>
                             <textFieldCell key="cell" controlSize="small" scrollable="YES" lineBreakMode="clipping" selectable="YES" editable="YES" sendsActionOnEndEditing="YES" state="on" borderStyle="bezel" drawsBackground="YES" id="sd8-dp-CZV">
                                 <font key="font" metaFont="smallSystem"/>
@@ -258,7 +258,7 @@
                     </subviews>
                 </customView>
             </subviews>
-            <point key="canvasLocation" x="115" y="393"/>
+            <point key="canvasLocation" x="-26" y="1023"/>
         </customView>
         <viewController id="HOn-k0-Fu2" userLabel="Fonts Popover View Controller" customClass="FontPopoverViewController">
             <connections>
diff --git a/README.md b/README.md
index 521118b..acd5e79 100644
--- a/README.md
+++ b/README.md
@@ -35,4 +35,4 @@ Open "macSVG.xcworkspace" in Xcode, set the build target to "macSVG Debug", buil
 
 #
 
-Copyright (c) 2016 by ArkPhone, LLC.
+Copyright (c) 2016-2017 by ArkPhone, LLC.
diff --git a/macSVG.xcodeproj/project.pbxproj b/macSVG.xcodeproj/project.pbxproj
index da9d775..0f8fc6b 100644
--- a/macSVG.xcodeproj/project.pbxproj
+++ b/macSVG.xcodeproj/project.pbxproj
@@ -8,6 +8,7 @@
 
 /* Begin PBXBuildFile section */
 		0E06F8891D59ADC700265FA2 /* PathFunctions.m in Sources */ = {isa = PBXBuildFile; fileRef = 0E06F8881D59ADC700265FA2 /* PathFunctions.m */; };
+		0E0A050A1E1B12C4002A8035 /* StyleAttributeEditor.plugin in CopyFiles */ = {isa = PBXBuildFile; fileRef = 0E0A05051E1B1273002A8035 /* StyleAttributeEditor.plugin */; };
 		0E0AEDB11D8A9344004D82C3 /* path_markers_example.svg in CopyFiles */ = {isa = PBXBuildFile; fileRef = 0E0AED991D8A932F004D82C3 /* path_markers_example.svg */; };
 		0E0AEDB31D8AE663004D82C3 /* pattern_example.svg in CopyFiles */ = {isa = PBXBuildFile; fileRef = 0E0AEDB21D8AE618004D82C3 /* pattern_example.svg */; };
 		0E0AEDB51D8AE6A9004D82C3 /* pattern_example2.svg in CopyFiles */ = {isa = PBXBuildFile; fileRef = 0E0AEDB41D8AE6A3004D82C3 /* pattern_example2.svg */; };
@@ -768,6 +769,7 @@
 				0E47E11E17ECCABE00C029DD /* PathElementShapeAnimationEditor.plugin in CopyFiles */,
 				0ED841221800FCCA003985CD /* PieChartGenerator.plugin in CopyFiles */,
 				0EA78C3B1D84180900C9D4C8 /* PointsAttributeEditor.plugin in CopyFiles */,
+				0E0A050A1E1B12C4002A8035 /* StyleAttributeEditor.plugin in CopyFiles */,
 				0EC2EEA61D683C8A00736FE4 /* SVGAttributeEditor.plugin in CopyFiles */,
 				0E47E12017ECCABE00C029DD /* SVGElementEditor.plugin in CopyFiles */,
 				0E47E12117ECCABE00C029DD /* TextElementEditor.plugin in CopyFiles */,
@@ -1360,6 +1362,7 @@
 		0E06F8871D59ADC700265FA2 /* PathFunctions.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; lineEnding = 0; path = PathFunctions.h; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objcpp; };
 		0E06F8881D59ADC700265FA2 /* PathFunctions.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; lineEnding = 0; path = PathFunctions.m; sourceTree = "<group>"; xcLanguageSpecificationIdentifier = xcode.lang.objc; };
 		0E0799711D8A53C9001064D5 /* MacSVGPluginCallbacks.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = MacSVGPluginCallbacks.h; sourceTree = "<group>"; };
+		0E0A05051E1B1273002A8035 /* StyleAttributeEditor.plugin */ = {isa = PBXFileReference; lastKnownFileType = file; path = StyleAttributeEditor.plugin; sourceTree = BUILT_PRODUCTS_DIR; };
 		0E0AED991D8A932F004D82C3 /* path_markers_example.svg */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = path_markers_example.svg; sourceTree = "<group>"; };
 		0E0AEDB21D8AE618004D82C3 /* pattern_example.svg */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = pattern_example.svg; sourceTree = "<group>"; };
 		0E0AEDB41D8AE6A3004D82C3 /* pattern_example2.svg */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = pattern_example2.svg; sourceTree = "<group>"; };
@@ -2325,6 +2328,7 @@
 				0EEFBB2A17EA2C03006887CA /* PathElementShapeAnimationEditor.plugin */,
 				0ED841201800FCAB003985CD /* PieChartGenerator.plugin */,
 				0EA78C3A1D8417E600C9D4C8 /* PointsAttributeEditor.plugin */,
+				0E0A05051E1B1273002A8035 /* StyleAttributeEditor.plugin */,
 				0EC2EEA51D683C5D00736FE4 /* SVGAttributeEditor.plugin */,
 				0EEFBB2C17EA2C03006887CA /* SVGElementEditor.plugin */,
 				0EEFBB2D17EA2C03006887CA /* TextElementEditor.plugin */,
diff --git a/macSVG.xcworkspace/contents.xcworkspacedata b/macSVG.xcworkspace/contents.xcworkspacedata
index 4245014..76d31c0 100644
--- a/macSVG.xcworkspace/contents.xcworkspacedata
+++ b/macSVG.xcworkspace/contents.xcworkspacedata
@@ -56,6 +56,9 @@
          <FileRef
             location = "group:PointsAttributeEditor/PointsAttributeEditor.xcodeproj">
          </FileRef>
+         <FileRef
+            location = "group:StyleAttributeEditor/StyleAttributeEditor.xcodeproj">
+         </FileRef>
          <FileRef
             location = "group:SVGAttributeEditor/SVGAttributeEditor.xcodeproj">
          </FileRef>
diff --git a/macSVG/macSVG Tech Specs.rtf b/macSVG/macSVG Tech Specs.rtf
index 8d1f7b6..e0e97d0 100644
--- a/macSVG/macSVG Tech Specs.rtf	
+++ b/macSVG/macSVG Tech Specs.rtf	
@@ -1,7 +1,7 @@
 {\rtf1\ansi\ansicpg1252\cocoartf1404\cocoasubrtf470
 \cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;\f1\fnil\fcharset0 Menlo-Regular;}
 {\colortbl;\red255\green255\blue255;\red100\green56\blue32;\red196\green26\blue22;\red92\green38\blue153;
-\red0\green0\blue255;}
+\red0\green0\blue255;\red163\green21\blue21;}
 \margl1440\margr1440\vieww9000\viewh8400\viewkind0
 \pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0
 
@@ -175,25 +175,27 @@ The XML SVG graphics format is part of the new HTML5 standard for web design, so
 \pard\pardeftab720\partightenfactor0
 
 \b0 \cf0 	In XCode, select the "MacSVG Plugin Projects/MacSVG Plugins" folder in the Project navigator.\
-	Create a new Cocoa Bundle project from the Bundle template in the Framework & Bundle category.  \
+	Create a new MacOS Bundle project by selecting the Bundle template in the Framework & Bundle category.  \
 	For this example, the plugin project product name is "XyzElementEditor" for an element editor, or "XyzAttributeEditor" for an attribute editor.\
 		Company identifier: "com.arkphone"\
 		Framework: Cocoa\
-	Add the "MacSVGPlugin.framework" to the project.\
-	In the plugin target's Build Settings, changer the Wrapper Extension from "bundle" to "plugin".\
-	Create a new Objective-C class as a subclass of MacSVGPlugin, name the class like "XyzElementEditor" or "XyzAttributeEditor".\
+	In the new project options, set the Bundle Extension to "plugin".\
+	Disable the option to "Create Git repository".  Instead, the Git repository for plugin projects already exists in the main macSVG project, so it will be used instead.\
+	Set the "Add to:" popup menu to the "MacSVG" project, and the "Group" popup menu to the "MacSVG Plugin Projects/MacSVG Plugins" folder.  Click the "Create" button to create the plugin project.\
+	Plugin projects should be ordered alphabetically by name in the Project navigator, so drag the new plugin project folder to the correct location inside the "MacSVG Plugins" folder.\
+	Select the new plugin project folder icon in the Project navigator, and add a new Cocoa Class file as a subclass of MacSVGPlugin, naming the class like "XyzElementEditor" or "XyzAttributeEditor".  Currently, all plugins are implemented in Objective-C language.\
 	In XyzElementEditor.h or XyzAttributeEditor.h, verify or add import directive -
 \f1\fs22 \cf2 \CocoaLigature0 \
 \pard\tx560\pardeftab560\pardirnatural\partightenfactor0
 \cf2 			#import \cf3 <MacSVGPlugin/MacSVGPlugin.h>
 \f0\fs24 \cf0 \CocoaLigature1 \
 \pard\pardeftab720\partightenfactor0
-\cf0 	Create a new empty NIB file for the plugin view, named like "XyzElementEditor.xib".\
+\cf0 	Create a new empty User Interface NIB file for the plugin view, named like "XyzElementEditor.xib".\
 	In Interface Builder, set the NIB File's Owner object to your plugin object, e.g. "XyzElementEditor" or "XyzAttributeEditor".\
-	In the NIB's File Inspector, remove the checkbox setting for "Use Auto-Layout".\
+	In the NIB's File Inspector, disable the checkbox option setting for "Use Auto-Layout".\
 	For element or attribute editors -\
-		In the NIB editor, create a new NSView custom view for the plug-in main view.\
-		In the NIB's Size Inspector, set the dimensions for the plug-in's main view for width=270 and height=346, and enable all of the struts and springs for autosizing the view.\
+		In the NIB editor, create a new NSView custom view for the plug-in main view (or copy and paste a main view from an existing plugin xib).\
+		In the NIB's Size Inspector, set the dimensions for the plug-in's main view for width=270 and height=346, and enable all of the struts and springs for autosizing the view.  (The height can be increased if needed.  The plugin panel view in the main application contains an NSScroller to contain the plugin view.\
 		Select File's Owner and use the Connection Inspector to connect the "pluginView" outlet to the main view.\
 		In the main code unit (e.g. XyzPlugin.m), implement one of these mandatory methods, and return a string for valid plug-in for the context, or NULL -\
 \pard\tx560\pardeftab560\pardirnatural\partightenfactor0
@@ -202,13 +204,21 @@ The XML SVG graphics format is part of the new HTML5 standard for web design, so
 				For attribute editors- (\cf4 NSString\cf0  *)isEditorForElement:(NSXMLElement *)aElement elementName:(\cf4 NSString\cf0  *)elementName attribute:(\cf4 NSString\cf0  *)attributeName\
 \pard\pardeftab720\partightenfactor0
 
-\f0\fs24 \cf0 \CocoaLigature1 	For menu plug-ins -\
+\f0\fs24 \cf0 \CocoaLigature1 	Add the "MacSVGPlugin.framework" to the project navigator items.\
+	Add the file named "macSVGPluginConfig.xcconfig" to the project navigator items.\
+	Add the "macSVGPluginConfig.xcconfig" to the project navigator items.\
+	For menu plug-ins -\
 		Implement  
 \f1\fs22 \CocoaLigature0 - (\cf5 BOOL\cf0 )beginMenuPlugIn
 \f0\fs24 \CocoaLigature1 \
 			If needed, in the NIB editor, create a new NSPanel modal window for the plug-in main view\
 			Menu plug-ins are responsible for opening and closing their windows.\
-	The plugin is now ready for your custom implementation.\
+	\
+	The plugin is now ready to start using your custom implementation.\
+	\
+It may be useful in the plugin's Build Settings "HEADER_SEARCH_PATH" to add "$(SRCROOT)/../../../macSVG" with recursive searching, if your plugin needs direct access into the main application.  Then the 
+\f1\fs22 \cf5 \CocoaLigature0 #import \cf6 "MacSVGDocumentWindowController.h"
+\f0\fs24 \cf0 \CocoaLigature1  directive can be used in your plugin's source code.\
 \
 	Element editors should return a string in the 
 \f1\fs22 \CocoaLigature0 isEditorForElement:elementName:
@@ -221,8 +231,8 @@ The XML SVG graphics format is part of the new HTML5 standard for web design, so
 \f1\fs22 \CocoaLigature0 isEditorForElement:elementName:
 \f0\fs24 \CocoaLigature1  method.\
 \
-	If the plugin is to be embedded in the app, add the plugin bundle to the main app's  file list in the Plugins group.\
-	Then, add the plugin to the target's Build Phase, Copy Files section for the Plugins destination.\
+	To embed the plugin, add the plugin bundle to the main app's  file list in the main application's Plugins group.  In the File Inspector, set that copy of the plugin to use the Location "Relative to Build Products".  \
+	Then, add that copy of the plugin to the main application's Build Phases, in the Copy Files phase where the Destination is set to "Plugins".\
 \
 	\
 =================================================================================================\