¿Es background-color:none CSS válido?

CSS «color de fondo: ninguno» es válido. Pero es mejor especificarlo como «transparente» en lugar de «ninguno». 

La propiedad CSS background-color se usa para especificar el color de fondo de un elemento. El fondo cubre el tamaño total del elemento con relleno y borde pero excluyendo el margen. Hace que el texto sea tan fácil de leer para el usuario.

Sintaxis :

element 
{
   background-color: none
}
element
{
  background-color: transparent
}

Ejemplo 1: En este ejemplo, estamos configurando la propiedad background-color en «ninguno» (sin color) con la etiqueta h1 y la propiedad background:color en «rosa» con una etiqueta h3.

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>background-color property</title>
        <style>            
            h1 {
                color:black;
                background-color:none;
            }
            h3 {
                color:black;
                background-color:pink;
            }
        </style>
    </head>
    <body>
        <h2 style="color:green">GeeksforGeeks</h2>
        <h1> Background color with none</h1>
        <h3> Background color with pink</h3>    
    </body>
</html>                                

Producción:

 

Ejemplo 2: En este ejemplo, estamos configurando la propiedad de color de fondo en transparente (sin color) con una etiqueta h1 y la propiedad de color de fondo en rosa con una etiqueta h3.

HTML

<!DOCTYPE html>
<html>
<head>
    <title>background-color property</title>
    <style>            
        h1 
        {
          color:black;
          background-color:transparent;
        }
        h3 
        {
          color:black;
          background-color:pink;
        }
    </style>
</head>
<body>
    <h2 style="color:green">GeeksforGeeks</h2>
    <h1>Background color with transparent </h1>
    <h3>Background color with pink </h3>    
</body>
</html>                                

Producción:

 

Publicación traducida automáticamente

Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *