Search
 
SCRIPT & CODE EXAMPLE
 

CSS

font shorthand

/*Syntax*/
font: font-style font-variant font-weight font-size/line-height font-family;

/*In Use*/
font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;

You need to supply at least 
1. font-size 
2. font-family 

body {
  font: italic 20px Serif; /* works */
  font: 20px; /* fails */
  font: 18em Fantasy; /* works */
  font: bold small-caps; /* fails */
}
Comment

font shorthand

/*Syntax*/
font: font-style/font-variant/font-weight/font-size/line-height/font-family;
/*Example*/
font: italic small-caps bold 18px Arial, Helvetica, sans-serif;
/*IMPORTANT NOT
1- You need to supply at least font-size and font-family. 
2- You need to respect the values order shown in the syntax 
*/
Comment

font shorthad

font: {font-style} {font-variant} {font-weight} {font-size/line-height} {font-family};
Comment

PREVIOUS NEXT
Code Example
Css :: how to remove underline from hyperlink css 
Css :: custom taxonomy pagination 404 
Css :: css transform transition 
Css :: css grid auto row 
Css :: hex codes of bootstrap colours 
Css :: Cambiar el color de texto al hacer scroll css 
Css :: border collapse makes outset not work 
Css :: parent hover and child hover at the same time 
Css :: css background gradient 
Css :: crystal background css 
Css :: remove auto focus selected background color 
Css :: for...in...loop 
Css :: zoom background image css 
Css :: change hr tag width css 
Css :: twig inline css 
Css :: details summary hide arrow 
Css :: increase space between dashed border css 
Css :: css infinite horizontal scroll 
Css :: for...of...loop and NodeLists 
Css :: centralizing a table with css 
Css :: Css gradient animations 
Css :: Html css forbidden cursor 
Css :: inherit css 
Css :: tailwind css margin auto 
Css :: react how to wrap 
Css :: scroll snap css 
Css :: css display 
Css :: grid-template-areas 
Css :: animation using css 
Css :: css box sizing 
ADD CONTENT
Topic
Content
Source link
Name
8+7 =