tr vAlignPropriété
Objet tr
Définition et utilisation
La propriété vAlign définit ou renvoie l'alignement vertical des données dans une ligne.
Syntaxe
Définir la propriété vAlign :
trObject.vAlign="baseline|bottom|middle|top"
Renvoie la propriété vAlign :
trObject.vAlign
| Valeur | Description |
|---|---|
| baseline | Aligner sur la ligne de base. |
| bottom | Aligner le contenu en bas. |
| middle | Aligner le contenu en bas. |
| top | Aligner le contenu en haut. |
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la propriété vAlign
Exemple
Exemple
L'exemple suivant modifie l'alignement vertical des données dans les cellules d'un tableau :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple (example.com)</title>
<script>
function displayResult(){
document.getElementById('tr2').vAlign="top";
}
</script>
</head>
<body>
<table width="50%" border="1">
<tr id="tr1">
<th>Prénom</th>
<th>Next Name</th>
<th>Texte</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
<td>Bonjour, je m'appelle Perter. J'ai besoin d'un long texte pour la démonstration. J'ai besoin d'un long texte pour la démonstration.</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Aligner le contenu vers le haut</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple (example.com)</title>
<script>
function displayResult(){
document.getElementById('tr2').vAlign="top";
}
</script>
</head>
<body>
<table width="50%" border="1">
<tr id="tr1">
<th>Prénom</th>
<th>Next Name</th>
<th>Texte</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
<td>Bonjour, je m'appelle Perter. J'ai besoin d'un long texte pour la démonstration. J'ai besoin d'un long texte pour la démonstration.</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Aligner le contenu vers le haut</button>
</body>
</html>
Essayez-le vous-même »
Objet tr Autres extensions