¿Cómo especificar sin borde en CSS?

Podemos especificar la propiedad sin borde usando las propiedades border: none, border-width: 0, border: 0 de CSS .

Enfoque 1:

  • Daremos las propiedades border-color , border-style a ambos encabezados, para mostrar texto con borde y sin borde.
  • Para el encabezado sin borde, usaremos border-width: 0 , lo que dará como resultado que no haya borde.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
<head>
   <title>No Border CSS</title>
</head>
<body>
 <h1 style="border-color : red ;
            border-style : solid ;
            border-width : 0">GFG Best For Interview Preparation And Much more</h1>
 <h1 style="border-color : red ;
            border-style : solid ;">GFG Best For Interview Preparation And Much more</h1>
</body>
</html>

Producción :

Sin bordes 

Enfoque 2:

  •  Daremos las propiedades border-color , border-style a ambos encabezados, para mostrar texto con borde y sin borde.
  • Para el encabezado sin borde, usaremos el borde: 0 , lo que dará como resultado que no haya borde.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
<head>
  <title>No Border CSS</title>
</head>
<body>
 <h1 style="border-color : green ;
            border-style : solid ;
            border : 0">GFG Best For Interview Preparation And Much more</h1>
 <h1 style="border-color : green ;
            border-style : solid ;">GFG Best For Interview Preparation And Much more</h1>
</body>
</html>

Producción :

Sin bordes 

Enfoque 3:

  •  Daremos las propiedades border-color , border-style a ambos encabezados, para mostrar texto con borde y sin borde.
  • Para el encabezado sin borde, usaremos border : none , lo que dará como resultado que no haya borde.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
<head>
 <title>No Border CSS</title>
</head>
<body>
 <h1 style="border-color : green ;
            border-style : solid ;
            border : none">GFG Best For Interview Preparation And Much more</h1>
 <h1 style="border-color : green ;
            border-style : solid ;">GFG Best For Interview Preparation And Much more</h1>
</body>
</html>

Producción :

Sin bordes

Publicación traducida automáticamente

Artículo escrito por agrajat112 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 *