Skip to main content

CSS Font Variant

Next we have font variant.

The font variant does two things mainly like.
  1. It changes the smaller case letters to upper case.
  2. It adjusts the upper case letter in the previous case to adjust the size of all the letters.

Here is a showcase of font variant property in CSS.
1:  <?xml version = "1.0" encoding="utf-8"?>   
2:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
3:  <html xmlns = "http://www.w3.org/1999/xhtml">   
4:  <head>  
5:  <title>CSS Styling</title>  
6:  </head>  
7:  <body>  
8:  <p class="red">  
9:  Red  
10:  </p>  
11:  <p class="blue">  
12:  Blue  
13:  </p>  
14:  <p class="green">  
15:  Green  
16:  </p>  
17:  <style>  
18:  p.red  
19:  {  
20:  color:red;  
21:  font-size:20px;  
22:  font-weight:normal;  
23:  font-family:cursive;  
24:  font-variant:normal;  
25:  }  
26:  p.blue  
27:  {  
28:  color:blue;  
29:  font-size:40px;  
30:  font-style:italic;  
31:  font-family:Lucida Console;  
32:  font-variant:small-caps;  
33:  }  
34:  p.green  
35:  {  
36:  color:green;  
37:  font-size:60px;  
38:  font-weight:bolder;  
39:  font-family:Arial;  
40:  font-variant:small-caps;  
41:  }  
42:  </body>  
43:  </html>
Labels:

Comments

Post a Comment

Popular posts from this blog

SMITE Open Beta Review

The developers of Global Agenda and Tribes: Ascend have yet another major offering to keep you glued to your screens, now providing an opportunity to play 'Mythological Godlike avatars' in their latest offering called Smite. Placing yourself in the shoes of the 'Almighty' or a bunch of them 'All Mighty' if I might say, itself should give you an idea of what herculean tasks you would be asked to handle. The feeling of 'omnipotence' brings an exceptional nature to this game. Limitless flow of power is just a part of the experience, but having an ultimate command over it and other such myriad abilities can seal the deal for you. Spell slingers, knights in shining armor, snoopy hunters, shady assassins, brute warriors are the new God lineages here. Outgrowing heightened expectations is the least things you should expect as this mythological battlefield resides over the whole wide internet. Teleporting, Flying, Sprinting, and digging, you will have ...
Post a Comment
Read more

WebGL

The WebGL is a part of the JavaScript language library. It enables one to create interactive interfaces and creative environments. The latest example that we come across is the Sony PlayStation 4 (PS4) . The whole startup environment of the menu and all the tiles are made in WebGL exclusively. It is an extremely powerful web technology library, which makes UI design using the 3D models and interfaces very fluid and simple. It provides an elegant look to interfaces. It runs on the OpenGL 2.0 model. All the web browsers are usually equipped to handle this version of the OpenGL but the higher versions of OpenGL requires professional graphics cards like Nvidia's Professional Graphics soultions as Nvidia Quadro Series. NVIDIA Quadro K2000D Nvidia Tesla Series And the AMD's professional graphics solution are AMD FirePro Series. ATI FirePro V5900 ATI FirePro V7900  Now once the content is created we need to test the results as they are to be sol...
Post a Comment
Read more

OpenGL Games

OpenGL is technology that enables the user to create graphics by literally joining dot by dot (technically pixel by pixel). The Open GL graphics libraries enable the user to use the language of their own preference such as C,C++,Java,Python and so on to create the graphics and animate their still pictures. So which are the games that are built using the OpenGL libraries. There are many old as well as new games that have been built upon the OpenGL graphics libraries.They are as well as heavy duty FPS games as well as the day to day addictive mobile games. Some of them are as enlisted below. Fans of these games may be many but do you know that these were built using the OpenGL libraries. 1) AngryBirds                                                           Angry Birds   Who does not know the AngryBirds game? Angry Birds ...
Post a Comment
Read more