CSS text-emphasis-color Property

-

 Learn CSS text-emphasis-color Property

CSS text-emphasis-color Property


 Learn CSS text-emphasis-color Property

The text-emphasis-color property in Cascading Style Sheets (CSS) is used to set the color of emphasis marks applied to text.


Syntax:

selector
 {
  text-emphasis-color: color;
 }

 

Learn CSS text-emphasis-color Property
Example

<!DOCTYPE html>
<html>
<head>
<style>

h1{
 
  text-emphasis-style: circle;
  text-emphasis-color: blue;
}

p {
  text-emphasis-style: triangle;
  text-emphasis-color: red;
}
h2 {
  text-emphasis-style:double-circle;
  text-emphasis-color:orange ;
}
h3{
   text-emphasis-style: sesame;
  text-emphasis-color: red;
}
</style>
</head>
<body>
<h1>CSS text-emphasis-color Property</h1>
<p> https://webdesigningtheory.blogspot.com/ </p>
<h2> Web Designing Theory</h2>
<h3> Learn Programming Language HTML,CSS,PHP </h3>
</body>
</html>

 Learn CSS text-emphasis-color Property

Explain Program

Step  1] 


<!DOCTYPE html>
<html>
<head>
<style>

<!Doctype html>  → browser this is an HTML document

<html>                 →  Root element  of the webpage

<head>                      →  Contains metadata and CSS style

<style>                     →   Internal  CSS is written 

Step 2] 

CSS Section


<style>

h1{
 
  text-emphasis-style: circle;
  text-emphasis-color: blue;
}

p {
  text-emphasis-style: triangle;
  text-emphasis-color: red;
}

h2 {
  text-emphasis-style:double-circle;
  text-emphasis-color:orange ;
}
h3{
   text-emphasis-style: sesame;
  text-emphasis-color: red;
}
</style>


css code

1) CSS style
h1{
 
  text-emphasis-style: circle;
  text-emphasis-color: blue;
}

  • Adds circle mark above each character.
  • emphasis color blue

2)CSS style

p {
  text-emphasis-style: triangle;
  text-emphasis-color: red;
}

  • Add triangle marks
  • color triangles red
3)CSS style

h2 {
  text-emphasis-style:double-circle;
  text-emphasis-color:orange ;
}

  • Add double circle marks
  • color orange

4)CSS style
h3{
   text-emphasis-style: sesame;
  text-emphasis-color: red;
}

  • Add sesame style dots
  •  color red

Step 3]

closing the Tag

  </style>   </head>

Step 4]

<body> section  (HTML  Structure)

<body>
<h1>CSS text-emphasis-color Property</h1>
<p> https://webdesigningtheory.blogspot.com/ </p>
<h2> Web Designing Theory</h2>
<h3> Learn Programming Language HTML,CSS,PHP </h3>

  1. <h1>   ➡ heading.                               :-  style circle
  2. <p>    ➡   This paragraph                    :- style triangle
  3. <h2>   ➡   subheading                         :-  style double-circle
  4. <h3>    ➡  third-level heading             :-  style sesame

Step 5]

closing the Tag

  </body>   </html>



 Learn CSS text-emphasis-color Property

Output:-

CSS text-emphasis-color Property

 Learn CSS text-emphasis-color Property (Structure Diagram)


Learn CSS text-emphasis-color Property


Related Post :-

How to create HTML Dialog Element

CSS column gap property

background color program CSS

Comments

Post a Comment

Popular posts from this blog

HTML pre tag

-
Image
                                    HTML pre Tag Information   1. The <pre> tag defines preformatted text.  2. Text in a <pre> element is displayed in a fixed-width font. 3.  text preserves both spaces and line breaks.  4. syntax with :- <pre>.......</pre> tag 5. displayed in a fixed-width font. 6 .The text will be displayed exactly as written in the HTML source code. Program     HTML <pre> tag <html> <head> <title>html pre tag </title> </head> <body> <pre> My name is ram my college name is satara   I like Apple My favourity color is skyblue </pre> </body> </html> OUTPUT          Related Post :-   html aside tag inline css in html html login in form
Read more

Inline css in html

-
Image
                       Inline CSS   Information: 1]    Inline CSS is used to apply a  unique style to a single HTML element . 2]   In inline CSS uses the    Style attribute of an HTML element. 3]   Css Apply in a Single element by inline css Technique.  4]  Inline css also use method to insert style sheets in HTML document Inline Css        Program <html> <head> <title>inline property</title> </head> <body> <h1 style="color:red; background-color:pink;">html</h1> <p style="color:purple;">hyper text markup language</p> <h3>Information</h3>s <dl>INLINE CSS APPLY</dl> <dd>inline csss use</dd> <P>Css Apply in a Single element by inline css Technique.<br>  inline css also use method to insert style sheets in HTML document.  </P> ...
Read more

CSS text-transform Property

-
Image
 CSS text-transform Property Tutorial CSS text-transform Property  CSS text-transform property   is used to control capitalization of text. change text appears visually in browser without changing  the original HTML Content.  HTML text actual in stays same, but CSS change how is displayed. Syntax  selector {   text-transform: value; } CSS text-transform Property Structure Explained with  Diagram CSS text-transform Property  1) uppercase 2) lowercase 3)capitalize CSS text-transform Property Tutorial Example <! DOCTYPE html > < html > < head > < style >   .upper {     text-transform : uppercase ;   } .lower {   text-transform : lowercase ; } .cap {   text-transform : capitalize ; } </ style > </ head > < body > < h2 class = "upper" > css text transformation </ h2 > < p class = "lower" > CSS TEXT TRANSFORMATION PROPERTY </ p > < p class = "...
Read more

Html anchor tag

-
Image
   How to Add HTML  Anchor Tag    Anchor Tag  The <a> tag define hyperlink   1]  Html anchor tag define hyperlink this use to link from one           page to another.  2]  Its create hyperlink to other web page as well as files, location   3]  Most important attribute of<a> element is the href attribute.  4]  when link is clicked it redirects the user to that page.  5]  The <a> tag creates a clickable link.  6] The href attribute sets the target page or site  example:-  webdesigningtheory.blogspot.com/ 7] The target attribute specifies in what tab ,window to open the new       page.  8]  Its href  <a>  attribute  creates a hyperlink to web page, files                 email addresses ,locations in the same page else URL address.  9] ...
Read more

How to insert image in html

-
Image
  How to insert image in html Q] What Is The  Image  Tag  In  HTML?  The  <img src="">  HTML  tag is used to display an image on a web page .  It is a self -closing tag.  which means it does not need a separate closing tag  The <img> tag use embed  image in HTML page.  Image are not technically  insert in web page.  image are linked to the web pages. The <img> tag is empty it contains attributes only and does not have a closing tag. Syntax :-  <img src="image_path" alt="alternative -text" > Q] What Are Image  Tag.? Image tagging is process of identifying and labeling the contents of an image tag  This can be done manually by someone looking at the image and typing in description/  automatically using machine Html IMG Attribute :-  1] src :-   src is use to specify the path to image.  It is a necessary  attribute that describes source or pat...
Read more