Integrate percentage

Author: FlorianRappl

src/AngleSharp.Css/Extensions/StringExtensions.cs

@@ -34,7 +34,7 @@ public static String CssColor(this String value)
         /// <returns>The indicator if the string was indeed an integer.</returns>
         public static Boolean CssInteger(this String value, out Int32 result)
         {
-            return Int32.TryParse(value, NumberStyles.Any, CultureInfo.InvariantCulture, out result);
+            return Int32.TryParse(value, NumberStyles.Integer, CultureInfo.InvariantCulture, out result);
         }
 
         /// <summary>
@@ -45,7 +45,7 @@ public static Boolean CssInteger(this String value, out Int32 result)
         /// <returns>The indicator if the string was indeed a number.</returns>
         public static Boolean CssNumber(this String value, out Double result)
         {
-            return Double.TryParse(value, NumberStyles.Any, CultureInfo.InvariantCulture, out result);
+            return Double.TryParse(value, NumberStyles.Float, CultureInfo.InvariantCulture, out result);
         }
 
         /// <summary>

src/AngleSharp.Css/Parser/Micro/CompoundParser.cs

@@ -41,7 +41,7 @@ public static CssTupleValue ParseQuotes(this StringSource source)
         /// </summary>
         public static CssBorderImageSliceValue ParseBorderImageSlice(this StringSource source)
         {
-            var lengths = new CssLengthValue[4];
+            var lengths = new ICssValue[4];
             var filled = false;
             var completed = 0;
             var pos = 0;

src/AngleSharp.Css/Parser/Micro/UnitParser.cs

@@ -56,7 +56,7 @@ public static ICssValue ParseAutoLength(this StringSource source)
         /// </summary>
         public static ICssValue ParseBorderWidth(this StringSource source) =>
             source.ParseLengthOrCalc() ??
-            source.ParsePercentOrNumber() ??
+            source.ParsePercentOrNumberForLength() ??
             source.ParseAutoLength();
 
         /// <summary>
@@ -71,7 +71,7 @@ public static ICssValue ParseLineWidth(this StringSource source) =>
         /// </summary>
         public static ICssValue ParseLineHeight(this StringSource source) =>
             source.ParseLengthOrCalc() ??
-            source.ParsePercentOrNumber() ??
+            source.ParsePercentOrNumberForLength() ??
             source.ParseNormalLength();
 
         /// <summary>
@@ -95,12 +95,12 @@ public static ICssValue ParseLineHeight(this StringSource source) =>
         /// <summary>
         /// Parses a percent or number value.
         /// </summary>
-        public static CssLengthValue? ParsePercentOrNumber(this StringSource source)
+        private static CssLengthValue? ParsePercentOrNumberForLength(this StringSource source)
         {
             var pos = source.Index;
             var test = source.ParseUnit();
 
-            if (test != null && Double.TryParse(test.Value, NumberStyles.Float, CultureInfo.InvariantCulture, out var value))
+            if (test is not null && test.Value.CssNumber(out var value))
             {
                 if (test.Dimension == "%")
                 {
@@ -116,6 +116,30 @@ public static ICssValue ParseLineHeight(this StringSource source) =>
             return null;
         }
 
+        /// <summary>
+        /// Parses a percent or number value.
+        /// </summary>
+        public static CssPercentageValue? ParsePercentOrNumber(this StringSource source)
+        {
+            var pos = source.Index;
+            var test = source.ParseUnit();
+
+            if (test is not null && test.Value.CssNumber(out var value))
+            {
+                if (test.Dimension == "%")
+                {
+                    return new CssPercentageValue(value, CssPercentageValue.Unit.Percent);
+                }
+                else if (test.Dimension.Length == 0)
+                {
+                    return new CssPercentageValue(value, CssPercentageValue.Unit.None);
+                }
+            }
+
+            source.BackTo(pos);
+            return null;
+        }
+
         /// <summary>
         /// Parses an angle value.
         /// </summary>

src/AngleSharp.Css/Values/Composites/CssBorderImageSliceValue.cs

@@ -11,10 +11,10 @@ public sealed class CssBorderImageSliceValue : ICssCompositeValue, IEquatable<Cs
     {
         #region Fields
 
-        private readonly CssLengthValue _bottom;
-        private readonly CssLengthValue _left;
-        private readonly CssLengthValue _right;
-        private readonly CssLengthValue _top;
+        private readonly ICssValue _bottom;
+        private readonly ICssValue _left;
+        private readonly ICssValue _right;
+        private readonly ICssValue _top;
         private readonly Boolean _filled;
 
         #endregion
@@ -29,7 +29,7 @@ public sealed class CssBorderImageSliceValue : ICssCompositeValue, IEquatable<Cs
         /// <param name="bottom">The bottom length.</param>
         /// <param name="left">The left length.</param>
         /// <param name="filled">True if the filled flag is enabled, otherwise false.</param>
-        public CssBorderImageSliceValue(CssLengthValue top, CssLengthValue right, CssLengthValue bottom, CssLengthValue left, Boolean filled)
+        public CssBorderImageSliceValue(ICssValue top, ICssValue right, ICssValue bottom, ICssValue left, Boolean filled)
         {
             _top = top;
             _right = right;
@@ -45,22 +45,22 @@ public CssBorderImageSliceValue(CssLengthValue top, CssLengthValue right, CssLen
         /// <summary>
         /// Gets the bottom coordinate.
         /// </summary>
-        public CssLengthValue Bottom => _bottom;
+        public ICssValue Bottom => _bottom;
 
         /// <summary>
         /// Gets the left coordinate.
         /// </summary>
-        public CssLengthValue Left => _left;
+        public ICssValue Left => _left;
 
         /// <summary>
         /// Gets the top coordinate.
         /// </summary>
-        public CssLengthValue Top => _top;
+        public ICssValue Top => _top;
 
         /// <summary>
         /// Gets the right coordinate.
         /// </summary>
-        public CssLengthValue Right => _right;
+        public ICssValue Right => _right;
 
         /// <summary>
         /// Gets if the slice should be filled.