Home
1
Fonts - Part 1 Tue Oct 19, 2010 5:03 pm
Unknown Data
Registered Member
Posts : 833
Points : 254
Age : 28
Location : Denmark
Browser :
Fonts - Part 1 Learn CSS - part 5 |
Fonts - Part 1 Today are we going to learn about the fonts. Here is a list what we'll go through: • Text-align • Word-spacing • Letter-spacing • Text-decoration • Text-indent • Text-transform • Line-height • Vertical-align Text-align By using the text-align, do we got possiblity to "edit" the place for the text. Normally is it used to center or move a text to the right, but it can also be used as moving somethign to left og justify if. These values can be used: justify, center, left, right. Word-spacing Word-spacing is (as standing in the title) the space between the words. To define this can we use pixels or procent. Letter-spacing Letter-spacing is very equal to Word-spacing, here are we just talking the space between the letters. To define thi can we use pixels or procent. Text-decoration Text-decoration isn't that hard to understand, it's ssome very simple values that chose if the text will have a line over, through or under the text. This can also be used, to remove the line under a link. These values can be used to this property: underline, overline, line-through. Text-indent By using the Text-indent, can we chose the space before the word, line or sentense should be written. The Text-indent are defined by using pixels or procent. Text-transform With the Text-transform can we deciede to change big and small lettes, we could also call it a CapsLock/Shift property. Here are the values: • Uppercase - All letters are written big. • Lowercase - All letters are written small. • Capitalize - The first letter in each sentense is written with big. • None - No changes will be done. Line-height Here are we going to define the space between the lines. These propertyes can be used: normal, number, length, percentage. And to define them, are we using procent or pixels. Notice that the percentage is relative to the font-size of the element. Vertical-align The Vertical-align got a lot of values, here are a list of them. • Baseline • Sub • Super • Top • Text-top • Middle • Bottom • Text-bottom • Percentage In the next lesson will we work with more about the fonts, so it isn't the end for the fonts yet. |
| Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators. |
