Usage of the before CSS attribute

Computer Programming Forums : Questions and Answers, Articles, Tutorials, and Code Snippets

Switch to full style
HTML code examples
Post a reply
DrRakha
  • DrRakha
  • Posts: 2715
  • Joined: Tue Mar 27, 2007 10:55 pm
  • Location: Earth
  • Website

Usage of the before CSS attribute

Thu Feb 23, 2012 7:34 pm

Using CSS before attribute along with paragraph tag, this attribute allows you to show a fixed message before your paragraph that is linked to the CSS class.


Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Usage of the before CSS attribute </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
p.beforeGraph:before {
   content: "Fixed content appears here.";color:#f0c000;
   }
</style>


</head>
<body>
<h1>Using before with paragraph</h1>
<p class="beforeGraph"><br/> The sentence above this paragraph 
appears using CSS before attribute. </p>
 
</body>
</html>
 




Post a reply
  Related Posts  to : Usage of the before CSS attribute
 usage of rev attribute     -  
 usage of ch attribute     -  
 Usage of the after CSS attribute     -  
 colspan attribute usage     -  
 Usage of contenteditable attribute     -  
 usage of <br> tag clear attribute     -  
 vspace attribute usage     -  
 row-span attribute usage     -  
 usage of id attribute for link jumps     -  
 SWAP images using JQuery just by using the src attribute img     -  

Topic Tags

HTML Paragraph
Switch to full style

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


Powered by phpBB © phpBB Group.


Codemiles.com