Propiedad de alineación HTML DOM TBody

La propiedad de alineación HTML DOM TBody se usa para establecer o devolver la alineación horizontal del contenido dentro del elemento <tbody> . No es compatible con HTML5.

Sintaxis:

Devuelve la propiedad de alineación.
```
tbodyobject.align
```

Establece la propiedad de alineación.

tbodyObject.align = "left | right | center | justify | clear"

Valores de propiedad:

izquierda: Establece el texto para alinear a la izquierda.
right: Establece el texto para alinear a la derecha.
center: Establece el texto para que se alinee al centro. Es un valor predeterminado.
justificar: Alarga el texto del párrafo para igualar el ancho de todas las líneas.
char: Establece el text-align a un carácter específico.

Valores devueltos: Devuelve un valor de string que representa la alineación del

elemento.

Ejemplo: El siguiente código HTML ilustra cómo devolver la propiedad de alineación de TBody .

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        table,
        th,
        td {
            border: 1px solid green;
        }
    </style>
</head>
  
<body>
    <center>
        <h1>
            GeeksforGeeks
        </h1>
  
        <h2>HTML DOM TBody align Property </h2>
          
        <!-- tbody tag starts -->
        <table>
            <tbody id="tbodyID" align="left">
                <tr>
                    <td>Shashank</td>
                    <td>@shashankla</td>
                </tr>
                <tr>
                    <td>GeeksforGeeks</td>
                    <td>@geeks</td>
                </tr>
            </tbody>
            <!-- tbody tag ends -->
        </table>
  
        <p>
            Click on the button to return
            the alignment of the TBody element
        </p>
  
        <button onclick="btnclick()">
            Click Here!
        </button>
  
        <p id="paraID"></p>
    </center>
  
    <script>
        function btnclick() {
            var tbody = document
                .getElementById("tbodyID").align;
  
            document.getElementById("paraID")
                .innerHTML = tbody;
        }
    </script>
</body>
  
</html>

Producción:

Ejemplo 2: El siguiente código HTML ilustra cómo establecer la propiedad de alineación de TBody .

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        table,
        th,
        td {
            border: 1px solid green;
        }
    </style>
</head>
  
<body>
    <center>
        <h1>
            GeeksforGeeks
        </h1>
  
        <h2>HTML DOM TBody align Property </h2>
          
        <!-- tbody tag starts -->
        <table>
            <tbody id="tbodyID" align="left">
                <tr>
                    <td>Shashank</td>
                    <td>@shashankla</td>
                </tr>
                <tr>
                    <td>GeeksforGeeks</td>
                    <td>@geeks</td>
                </tr>
            </tbody>
            <!-- tbody tag ends -->
        </table>
  
        <p>
            Click on the button to set the
            alignment of the TBody element
        </p>
  
        <button onclick="btnclick()">
            Click Here!
        </button>
          
        <p id="paraID"></p>
    </center>
  
    <script>
        function btnclick() {
            var tbody = document.getElementById("tbodyID")
                .align = "right";
            document.getElementById("paraID")
                .innerHTML = tbody;
        }
    </script>
</body>
  
</html>

Producción:

Navegadores compatibles:

Google Chrome
explorador de Internet
Firefox
Safari
Ópera

¿Escribir código en un comentario? Utilice ide.geeksforgeeks.org , genere un enlace y compártalo aquí.

¡Comience su viaje de codificación ahora!

Publicación traducida automáticamente

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

HTML

HTML

¡Comience su viaje de codificación ahora!

Deja una respuesta Cancelar la respuesta