Usage of the after 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 after CSS attribute

Thu Feb 23, 2012 4:34 pm

In this example we show fixed message after each paragraph using after attribute in CSS, using this feature you can add a fixed content which appears after any paragraph that uses a specific CSS class.

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


</head>
<body>
<h1>Your header title.</h1>
<p class="myparah">In this example we use the after attribute along with 
   the paragraph tag  <br/></p>
 
</body>
</html>
 




Post a reply
  Related Posts  to : Usage of the after CSS attribute
 usage of rev attribute     -  
 usage of ch attribute     -  
 Usage of the before 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