force letters to be lowercase text-transform

Following example makes all letters inside the paragraph <p> html element to be small letters using css text-transform lowercase value.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>text-transform lowercase</title>
      <style type='text/css'>
      
      p.LCase {
    text-align: left;
     
    text-transform: lowercase;
    font-size: 160%;
    padding: 4px;
    letter-spacing: 10px;
    border:4px dashed red;
    font-weight: bold;
}
      </style>
   </head>
   <body>
    <p class="LCase">
      The Text Here Contains Uppercase Letters But They Are Forced To Lower Using CSS Text 
      Transform Arttibute
     </p>
   </body>
</html> 

 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : force letters to be lowercase text-transform
Set letters for quotation -
use of Affine Transform -
Transform Rotate Filter -
Java escape letters -
lowercase table content -
add string to another, Lowercase ,Uppercase -
convert lowercase to uppercase -
Compute FFT (Fourier Transform) in ITK for a 2d image -
Change letters to upper case by default -
Able to Copy Text from Uneditable Text Boxes(JTextfields) -

Topic Tags

HTML Paragraph

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com