Menu
Possible Duplicate:
Size in CSS with slash
I just saw some CSS code like this. Can some please tell me what the '/' symbol means and if there are any best practices governing it's usage ?
font: 2px/3px;
Edit:
Here is the entire code block (to give context)
.funky {
font: 2px/3px;
font-family: fantasy;
font-size: 30em;
font-weight: bold; }
453
The greater than sign (>) selector in CSS is used to select the element with a specific parent. It is called as element > element selector. It is also known as the child combinator selector which means that it selects only those elements which are direct children of a parent.
It means pseudo element selector. It means the element to the right doesn't exist in the normal DOM, but can be selected. A pseudo-element is made of two colons (::) followed by the name of the pseudo-element. Source.
symbols() The symbols() CSS function lets you define counter styles inline, directly as the value of a property such as list-style . Unlike @counter-style , symbols() is anonymous (i.e., it can only be used once).
The asterisk (*) is known as the CSS universal selectors. It can be used to select any and all types of elements in an HTML page.
In that example it means font-size:2px,and line-height:3px. Although I am not sure if that works without the rest of the font rule.
http://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/
142
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
