Propiedad de marco de tabla HTML DOM

La propiedad de cuadro HTML DOM Table se utiliza para establecer o devolver el valor del atributo de cuadro de un elemento <table> . El atributo de marco se utiliza para especificar la visibilidad de los bordes exteriores. 

Nota : esta propiedad no es compatible con HTML5

Sintaxis

Se utiliza para devolver la propiedad del marco.

tableObject.frame; 

Se utiliza para establecer la propiedad del marco .

tableObject.frame="values"; 

Valores de propiedad: 

  • void: Se utiliza para ocultar el borde exterior.
  • arriba: se utiliza para mostrar el borde superior exterior.
  • abajo: Se utiliza para mostrar el borde inferior exterior.
  • hsides: se utiliza para mostrar el borde exterior superior e inferior.
  • vsides : se utiliza para mostrar el borde exterior izquierdo y derecho.
  • lhs: se utiliza para mostrar el borde exterior izquierdo.
  • rhs: Se utiliza para mostrar el borde exterior derecho.
  • cuadro : se utiliza para mostrar todos los lados del borde.
  • borde: se utiliza para mostrar todos los bordes exteriores.

Ejemplo: El siguiente código HTML devuelve la propiedad del marco de la tabla . 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        table,
        td {
            border: 1px solid green;
        }
  
        h1 {
            color: green;
        }
  
        h2 {
            font-family: Impact;
        }
  
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
  
    <h1>GeeksforGeeks</h1>
    <h2>HTML DOM Table frame Property</h2>
  
    <table id="tableID" align="center" 
        summary="courses@GeeksforGeeks" 
        frame="void">
  
        <thead>
            <tr>
                <th>Subject</th>
                <th>Courses</th>
            </tr>
        </thead>
        <tr>
            <td>Java</td>
            <td>Fork Java</td>
        </tr>
        <tr>
            <td>Python</td>
            <td>Fork Python</td>
        </tr>
        <tr>
            <td>Placements</td>
            <td>Sudo Placement</td>
        </tr>
    </table>
    <br>
  
    <button ondblclick="dblClick()">
        Return CellPadding
    </button>
  
    <p id="paraID"></p>
  
    <script>
        function dblClick() {
            var w = document
            .getElementById("tableID").frame;
  
            document.getElementById(
                "paraID").innerHTML = w;
        }
    </script>
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Ópera
  • Safari
  • Firefox

Publicación traducida automáticamente

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