En este artículo, aprenderemos la validez de las propiedades de borde de CSS . Podemos especificar la propiedad sin borde usando CSS border: none , border-width : 0 , border : 0 properties.
Sintaxis:
border: none | 0
Diferencias:
borde: ninguno | borde : 0 |
Para esta propiedad, el navegador no procesa. | Para esta propiedad, el navegador representa las propiedades border-color y border-width . |
La memoria está ocupada para esta propiedad | La memoria no está ocupada para esta propiedad y ahorra ancho de banda en comparación con la propiedad border:none . |
Podemos usar border : 0 cuando necesite que su código sea simple y claro, y además no hay problema en especificarlo por separado.
Ejemplo 1: El siguiente código demuestra la propiedad «border: 0» de CSS.
HTML
<!DOCTYPE html> <html> <body> <h1 style="border-color : red ; border-style : solid ;"> Without Border width 0 </h1> <h1 style="border-color : red ; border-style : solid ; border : 0"> With Border width 0[border : 0] </h1> </body> </html>
Salida :
![](https://media.geeksforgeeks.org/wp-content/uploads/20220530205940/withoutborder0-660x149.png)
Ejemplo 2: El siguiente código demuestra la propiedad «border: none» de CSS.
HTML
<!DOCTYPE html> <html> <head> <title>No Border</title> </head> <body> <h2 style="color:green">GeeksforGeeks</h2> <h3 style="border-color:red;border-style:solid;"> Without Border width none </h3> <h3 style="border-color:red ; border-style:solid ; border:none"> With Border [border : none] </h3> </body> </html>
Producción:
![](https://media.geeksforgeeks.org/wp-content/uploads/20220530205624/bordernone-660x155.png)
Publicación traducida automáticamente
Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA