#                 
## Overview

The **`transparent` keyword** in CSS is used to represent a fully transparent color. With the help of this, we can set the items as transparent to see the background element.

## Syntax

```css
background-color: transparent;
```

## Code

body 
{
   background: url(https://www.pngkit.com/png/full/742-7427019_thumbnail-frame-png.png) beige;
}
article
{ 
    background-color: rgb(74, 190, 236);
    border: 5px solid rgb(91, 187, 11);
    padding: 20px;
    margin: 20px;
}
article.trans
{ 
    background-color: transparent;
} 

codemirror

## Explanation 

### HTML

- Lines 1–10: We make two boxes using HTML. One is box 1, and the second is box 2.

### CSS

- Lines 1–4: We set the background image.

- Lines 5–11: We define the properties and styling for box 1.

- Lines 12–15: We define the style for box 2 as transparent.


## The `currentcolor` keyword

Using the **`currentcolor` keyword**, we can use the current color without even writing the actual value of the color. This basically means that we can use one color in multiple places without writing the color repeatedly. 

## Syntax

```css
background-color: currentcolor;
```


## Code


<html>
<body>
    <p>By using the currentcolor keyword we are able to use the current color without even writing the actual value of the color.</p>

    <div>
    Here we can see that we have the same color of font and border.
    </div>

</body>
</html>

div 
{
  color: rgb(41, 155, 227);
  border: 20px solid currentcolor;
  padding: 15px;  
}

## Explanation

### HTML

- Line 3: Here, we write the statement.

- Lines 5–7: Here, we make a div and write some content. 


### CSS

- Lines 1–6: Here, we define the style and properties of div. We set the border size, padding, and current color.


# The `inherit` keyword


The **`inherit` keyword** in CSS is used to inherit the property values from its parent element. We can use the inherit keyword for any HTML element or CSS property.

## Syntax

```css
border: inherit ;
```

## Code

<html>
  <body>
  <div>The <span>span element's</span> border color is inherited from the parent element.</div>
  <br>

  <div style="border:5px solid green;">The <span>span element's</span> border color is inherited from the parent element.</div>
  </body>
</html>

div 
{
  border: 5px solid rgb(18, 79, 154);
}
span 
{
  border: inherit;
}

## Explanation

### HTML

- Line 3: We make a div, write some content, and use the span element.

- Line 6: We make a div, write some content, and use the span element.


### CSS

- Lines 1–4: We set up the border color for the div.


- Line 5–8: We set the property to inherit for the span element.

What are transparent, currentcolor, and inherit keywords in CSS?

The transparent, currentcolor, and inherit keywords in CSS control color transparency, reuse current color, and inherit parent properties, respectively.

What are transparent, currentcolor, and inherit keywords in CSS?

Overview

Syntax

Code

Explanation

HTML

CSS

The currentcolor keyword

Syntax

Code

Explanation

HTML

CSS

The inherit keyword

Syntax

Code

Explanation

HTML

CSS

The `currentcolor` keyword

The `inherit` keyword