css - 3px border automatically added when using border-style without specifying border size -
I have noticed that to add a border-style without specifying the size of the boundary, be added to your element in the range Used to be.
HTML:
  & lt; Div class = "box" & gt; & Lt; / Div & gt;    CSS:  
  .box {width: 200px; Height: 300px; Background color: green; Border-style: solid; }    Expected Result: There is no limit around the box, because we have not specified the width of the boundary.  
 Actual outcome: A black 3px limit appears almost box.  
 Ingredient:  
 I think my question is, why does this happen? Is this a part of W3C CSS specs?   
 
  It is important to understand where the qualities come from:  
 In relation, if it is not unspecified then it comes from the  border-color  property, which, if not set, each  border- * side * -color , which is set Does not return the value to, which is set by the value set for  color  which is the default for black color.    Color     range  - & gt; No color set - & gt; Get the  range color  - & gt; No color set - & gt; Get from the head  border- * side * -color  - & gt; No party is set,  currentColor            < / p>   
 The settings for the width take the same route - but prevents the width settings on different side,  
  width     range  -> No width set - & gt; Receive from - & gt; No width set - & gt; In summary, the default value is found in  black  and  medium  (default to  medium )  
    
 
  
Comments
Post a Comment