HTML/CSS/CSS Attributes and Javascript Style Properties/header.class

Материал из Web эксперт
Перейти к: навигация, поиск

h1::first-letter

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-/pp/W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> 

   <head>
       <title></title>
       <style type="text/css">
           h1::first-letter, p::first-letter {
               text-transform: capitalize; 
           }
           h1 {
               font-weight: normal;
               text-align: center;
               text-decoration: underline;
           }
           p {
               text-indent: 25px;
               text-align: justify;
               letter-spacing: 1px;
               word-spacing: 5px;
           }
           p::first-letter {
               font: 120%;
           }
       </style>
   </head>
   <body>

this is the title

This is a test. 

   </body>

</html> 

</source>


h1#top::before, h1#top::after: content: "::";

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> 

   <head>
       <title></title>
       <style type="text/css" media="all">
           h1#top::before, h1#top::after {
               content: "::";
           }
       </style>
   </head>
   <body>

This is the header

This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. 

   </body>

</html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/header.class&oldid=4977»