Atributo HTML <td> charoff

El atributo charoff de HTML <td> se utiliza para establecer el número de caracteres que se alinean con los caracteres especificados por el atributo char . Este atributo solo se puede usar en el atributo char y el atributo align se especifica en el elemento td .

Nota: HTML5 no admite el atributo   charoff  <td> .

Sintaxis:

<td charoff="number">

Valores de atributo :

  • número: Contiene el valor numérico que especifica la alineación del elemento td .
    • Valores positivos: Indican la alineación a la derecha de los caracteres.
    • Valores negativos: Indican la alineación a la izquierda de los caracteres.

Ejemplo : El siguiente código HTML ilustra el uso del atributo charoff en el elemento <td>

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML td charoff attribute </title>
    <style>
        body {
            text-align: center;
        }
          
        h1{
            color: green;
        }
          
        th {
            color: blue;
        }
          
        table,
        tbody,
        td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
</head>
  
<body>
    <center>
        <h1>GeeksforGeeks</h1>
        <h2> HTML td charoff Attribute</h2>
        <table>
            <thead>
                <!-- tr tag starts here -->
                <tr align="char" charoff=".">
                    <th>Country_name</th>
                    <th>Ranking</th>
                </tr>
            <thead>
            <tbody>
                <tr>
                    <td align="char" charoff="." >
                    China</td>
                    <td>34</td>
                </tr>
                <tr>
                    <td>India</td>
                    <td>45</td>
                </tr>
            </tbody>
        </table>
    </center>
</body>
</html>

Producción:

HTML 

<td> charoff Attribute” class=”aligncenter”><figcaption>HTML <td> charoff Attribute</figcaption></figure>
<p><strong>Supported Browsers:</strong></p>
<ul>
<li>Google Chrome <i>Not supported</i></li>
<li>Internet Explorer <i>Not supported</i></li>
<li>Firefox <i>Not supported</i></li>
<li>Apple Safari <i>Not supported</i></li>
<li>Opera <i>Not supported</i></li>
</ul>
<div class=

Publicación traducida automáticamente

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