# Overview
The **`initial-letter` property** in  #key# CSS: Cascade Style Sheets #key# specifies the first letter and the number of lines the first letter occupies.

We can see this property in newspapers and blogs, where the first letter is usually more prominent than the entire content.

#  Syntax

```css
initial-letter: normal | <number> | <integer>;
``` 

## Property values

- **`normal`**: This is the initial value.  It states that this property has no effect.

- **`number`**: This specifies how many lines the first letter should occupy. 

- **`integer`**: This specifies how many lines the `initial-letter` should sink.

- **`initial`**: This will set the value to its default value.

- **`inherit`**: This will inherit property from its parent value. 

##
## Code

The following is the basic #key# HTML: HyperText Markup Language #key# and CSS code to demonstrate the use of the `initial-letter` property:





<html>
  <body>
    <article class="example">
      The initial-letter property in CSS is used to specify the first letter and the number of lines the first letter occupies. We can see this property in newspapers and the blogs where the first letter is usually bigger than the whole content.
    </article>
  </body>
</html>

 body 
{
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Slabo 27px';
  font-size: 1.5em;
  line-height: 1.5;
  padding: 40px 0;
}
article 
{
  width: 80%;
}
.example::first-letter 
{
  -webkit-initial-letter: 1;
  initial-letter: 1;
  color: #0b639d;
  font-weight: bold;
  margin-right: .60em;
}

codemirror

## Explanation

### HTML

- Line 3: We make a `div` to call the `initial-letter` property.

- Line 4: We write the content to be displayed.

### CSS

- Lines 1–10: We set the styling for the main body.

- Lines 11–14: We set the width of the message, which will display on the screen.


- Lines 15–22: We set the properties to apply the `initial-letter` property. 

What is the initial-letter property in CSS?

CSS's initial-letter property defines the styling of the first letter in a text block, specifying its size and number of lines occupied.