Skip to main content

CSS Text Properties | Font Properties - Text Color and Background - Text Alignment and Decoration - Some common CSS text properties

Image
By

CSS Text Properties:

CSS provides a variety of text-related properties that allow you to control the appearance and layout of text within an HTML document. 

Here are some common CSS text properties:

1. Font Properties:

   - `font-family`: Specifies the font family for the text.
   - `font-size`: Sets the size of the text.
   - `font-weight`: Defines the thickness of the characters (e.g., bold or normal).
   - `font-style`: Specifies the style of the font (e.g., italic or normal).

   css
   p {
     font-family: 'Arial', sans-serif;
     font-size: 16px;
     font-weight: bold;
     font-style: italic;
   }
   

Font Properties - Text Color and Background - Text Alignment and Decoration - Some common CSS text properties
CSS Text Properties

2. Text Color and Background:

   - `color`: Sets the color of the text.
   - `background-color`: Defines the background color behind the text.

   css
   p {
     color: #333;
     background-color: #f5f5f5;
   }

3. Text Alignment:

   - `text-align`: Specifies the horizontal alignment of text (left, right, center, justify).

   css
   p {
     text-align: center;
   }

4. Text Decoration:

   - `text-decoration`: Adds decoration to text (underline, overline, line-through, none).
   - `text-decoration-line`: Specifies the type of text decoration.

   css
   a {
     text-decoration: underline;
   }

5. Text Transformation:

   - `text-transform`: Changes the capitalization of text (uppercase, lowercase, capitalize).

   css
   h2 {
     text-transform: uppercase;
   }

6. Line Height:

   - `line-height`: Sets the height of a line of text. It can be a number, percentage, or a specific length.

   css
   p {
     line-height: 1.5;
   }

7. Letter Spacing:

   - `letter-spacing`: Defines the spacing between characters.

   css
   p {
     letter-spacing: 1px;
   }

8. Word Spacing:

   - `word-spacing`: Sets the spacing between words.

   css
   p {
     word-spacing: 2px;
   }
   

Font Properties - Text Color and Background - Text Alignment and Decoration - Some common CSS text properties
text-align

9. Text Shadow:

   - `text-shadow`: Adds a shadow to the text.

   css
   h1 {
     text-shadow: 2px 2px 4px #333;
   }

10. Overflow and White Space:

    - `white-space`: Defines how white space inside an element is handled.
    - `overflow`: Specifies how content should behave when it overflows the box.

    css
    p {
      white-space: nowrap;
      overflow: hidden;
    }

These are just a few examples of CSS text properties. By using these properties, you can customize the appearance and layout of text in your web pages.
Labels:

Comments

Post a Comment

Popular posts from this blog

Biography of Manohar Joshi

By
Biography of Manohar Joshi: Manohar Gajanan Joshi is an Indian politician who has played a significant role in Maharashtra state politics. Born on December 2, 1937, in a middle-class family in a village called Ganeshpeth in Ratnagiri district, Maharashtra, Joshi's journey into politics was marked by his association with the Shiv Sena, a right-wing regional political party in India. Joshi's political career began in the late 1960s when he joined the Shiv Sena, which was then led by its founder, Bal Thackeray. He quickly rose through the ranks of the party due to his organizational skills, dedication, and ideological alignment with the party's principles, which advocated for the interests of the Marathi-speaking population of Maharashtra. In 1972, Manohar Joshi won his first election to the Brihanmumbai Municipal Corporation (BMC), marking the beginning of his electoral career. He served as a corporator in the BMC and later became the Mayor of Mumbai in 1976. Joshi's tenu...
Post a Comment
Read more

Professor Cheiro Prophecies about India | 5 predictions Professor Kiro - Kiro made these amazing predictions for India

By
Professor Cheiro Prophecies:  Here is Kiro made these amazing predictions for India: Professor Kiro was born in November 1866 in England. At the age of 17, Kiro came to Mumbai and met astrologer Vednarayan Joshi. With his advice, he will reach the Himalayas, Kashmir, Ladakh and Varanasi. From here, he studied astrology extensively. Kiro made many predictions in his life, which we are giving you here. Cheiro, whose real name was William John Warner, was a prominent Irish astrologer and palmist who gained fame in the late 19th and early 20th centuries. He was known for his accurate predictions and was consulted by various prominent figures of his time, including Mark Twain, Oscar Wilde, and Thomas Edison. Cheiro also made some predictions related to India. Parada Kahanee One of his notable predictions about India was made in his book "Cheiro's World Predictions," published in 1926. In this book, he wrote about the possibility of India gaining independence from British...
Post a Comment
Read more

Biography of Abbie Hoffman | Early Life and Political Activism - Later Years and Personal Life - Legacy of Abbie Hoffman

By
Biography of Abbie Hoffman: Abbie Hoffman (November 30, 1936 – April 12, 1989) was an American political and social activist known for his involvement in the counterculture and anti-war movements of the 1960s and 1970s. He was a key figure in the Youth International Party (Yippies) and was known for his theatrical and often humorous protests.  Here is a brief biography of Abbie Hoffman: Early Life of Abbie Hoffman: 1. Birth: Abbie Hoffman was born on November 30, 1936, in Worcester, Massachusetts, USA. 2. Education: He attended Brandeis University, where he earned a degree in psychology in 1959. Parada Kahanee Political Activism: 1. Civil Rights Movement: Hoffman began his activism by participating in the civil rights movement during the early 1960s. 2. Youth International Party (Yippies): In 1967, Hoffman, along with Jerry Rubin and others, co-founded the Yippies, a countercultural and anti-authoritarian political party known for its unconventional and theatrical protes...
Post a Comment
Read more