Propiedad HTML DOM TFoot vAlign

La propiedad HTML DOM TFoot vAlign se utiliza para establecer o devolver el valor del atributo vAlign del elemento <tfoot> . El atributo vAlign se usa para especificar la alineación vertical del contenido del texto dentro del elemento de pie de página de la tabla.  

Nota : esta propiedad ya no se admite en HTML5.

Sintaxis

  • Devuelve la propiedad TFoot vAlign. 
     
TFootobject.vAlign;
  • Establece la propiedad TFoot vAlign. 
     
TFootobject.vAlign = "top|middle|bottom|baseline";

Valores de propiedad:

  • top : Establece el contenido en la alineación superior.
  • medio: Establece el contenido en alineación media.
  • bottom: establece el contenido en la alineación inferior.
  • línea de base : Establece el contexto a la línea de base. La línea de base es la línea donde se sientan la mayoría de los personajes. Tiene un valor predeterminado.

Valor devuelto: Devuelve un valor de string que representa la alineación vertical del elemento <tfoot>.

Ejemplo 1: El siguiente código HTML ilustra cómo devolver la propiedad TFoot vAlign.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <style>
        table,
        th,
        td {
            border: 1px solid green;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>
            GeeksforGeeks
        </h1>
         
 
<p><b>HTML DOM TFoot vAlign Property</b></p>
 
 
 
        <table>
            <thead>
                <tr>
                    <td>Username</td>
                    <td>User_Id</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Shashank</td>
                    <td>@shashankla</td>
                </tr>
            </tbody>
            <tfoot id="GFG" align="left" valign="top">
                <tr>
                    <td>GeeksforGeeks</td>
                    <td>@geeks</td>
                </tr>
            </tfoot>
        </table>
        <br>
        <button onclick="btnclick()">
            Click here
        </button>
        <p id="paraID"></p>
 
 
    </center>
 
    <script>
        function btnclick() {
            var x = document.getElementById("GFG").vAlign;
            document.getElementById("paraID").innerHTML = x;
        }
    </script>
</body>
 
</html>

Producción:

Ejemplo 2: El siguiente código ilustra cómo configurar la propiedad TFoot vAlign. 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <style>
        table,
        th,
        td {
            border: 1px solid green;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>
            GeeksforGeeks
        </h1>
 
         
 
<p><b>HTML DOM TFoot vAlign Property </b></p>
 
 
 
        <table>
            <thead>
                <tr>
                    <td>Username</td>
                    <td>User_Id</td>
                </tr>
            </thead>
 
            <tbody>
                <tr>
                    <td>Shashank</td>
                    <td>@shashankla</td>
                </tr>
            </tbody>
            <tfoot id="GFG" align="left" valign="top">
                <tr>
                    <td>GeeksforGeeks</td>
                    <td>@geeks</td>
                </tr>
            </tfoot>
        </table>
        <br>
        <button onclick="btnclick()">
            Click here
        </button>
        <p id="paraID"></p>
 
 
    </center>
    <script>
        function btnclick() {
            var x = document.getElementById(
                "GFG").vAlign = "baseline";
                 
            document.getElementById(
                "paraID").innerHTML = x;
        }
    </script>
</body>
 
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • Firefox
  • explorador de Internet
  • Ópera
  • safari de manzana

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 *