HTML/CSS/CSS Attributes and Javascript Style Properties/p.class — различия между версиями
Admin (обсуждение | вклад) м (1 версия) |
|
(нет различий)
|
Текущая версия на 11:16, 26 мая 2010
Содержание
p.abstract:after content
<source lang="html4strict">
<?xml version="1.0" ?> <!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" lang="en" xml:lang="en"> <head>
<title>CSS Example</title> <style rel="stylesheet" type="text/css">
h1 {
font-size: 18pt;
} p {
font-size: 12pt;
} p.abstract:after {
content: "from CSS."; color: #ff0000;
} </style> </head> <body>
this is a test. this is a test.
</body> </html>
</source>
p::first-letter
<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> Albert Einstein </title> <style type="text/css" media="all"> p::first-letter { font-size: 200%; background-color: red; border: 1px solid black; } p::first-line { letter-spacing: 5px; } </style> </head> <body>
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>
p::first-letter: font-style: italic
<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-style: italic; font-size: 120%; } </style> </head> <body>
ode
This is a test.
</body>
</html>
</source>
p::first-line: letter-spacing: 5px;
<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> Albert Einstein </title> <style type="text/css" media="all"> p::first-letter { font-size: 200%; background-color: red; border: 1px solid black; } p::first-line { letter-spacing: 5px; } </style> </head> <body>
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>
p.QuickTip:before
<source lang="html4strict">
<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Example</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style rel="stylesheet" type="text/css"> p.QuickTip:before {
content: " Tip: "
} </style> </head> <body>
a normal paragraph.
QuickTip.
paragraph.
</body> </html>
</source>