Biblioscript.com : Marges intérieures

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	CSS 2

La structure

Marges intérieures

Compatibilite du script... a partir de :

Connexion ratee

	Fonction

		Lorsque vous créez des blocs de texte, par des tableaux, des calques (layers) ou simplement des paragraphes, il peut être utile ou é,légant de réserver une marge libre tout autour ou simplement d'un côté du texte ou de l'image, c'est ce à quoi sert cette feuille de style. Contrairement aux marges extérieures, cette 'marge' s'appliquera à l'intérieur du bloc concerné.

	Principe

		L'attribut 'padding' permet de gérer l'espace entre le contour d'un bloc (tableau, paragraphe, calque) et son contenu, tout comme l'attribut 'cellpadding' dans un tableau. La syntaxe : padding: 10px : une marge de 10 pixels sera appliquée tout autour du bloc, padding: 10px 20px : une marge de 10 pixels sera appliquée en haut et en bas tandis qu'une marge de 20 pixels sera appliquée à gauche et à droite, padding: 10px 20px 30px : une marge de 10 pixels sera appliquée en haut, 20 pixels seront appliqués à gauche et à droite, et 30 pixels iront à la marge du bas, padding: 10px 20px 30px 40px : une marge de 10 pixels sera appliquée en haut, 20 pixels seront appliqués à droite, 30 pixels iront à la marge du bas et 40 pixels à gauche, padding-top: 10px : une marge de 10 pixels sera appliquée en haut du bloc, padding-right: 10px : une marge de 10 pixels sera appliquée à droite du bloc, padding-bottom: 10px : une marge de 10 pixels sera appliquée à gauche du bloc, padding-left: 10px : une marge de 10 pixels sera appliquée en bas du bloc. La marge peut âtre indiquée en pixels (px), en pourcentage de la hauteur de ligne courante (em).

	La méthode

dans la partie <head>

dans la partie <body>

<p class="marge">Ceci est un texte qui applique la feuille de style dans une balise '<p>'</p>

<div class="marge">Ceci est un texte qui applique la feuille de style dans une balise '<div>'</div>

<table cellspacing="0" cellpadding="0" border="1" class="marge">

<tr>

<td>Ceci est un texte qui applique la feuille de style dans un tableau</td>

</tr>
</table>

<table cellspacing="0" cellpadding="0" border="1">

<tr>

<td>Ceci est un texte sans ornement dans un tableau</td>

<td class="marge">Ceci est un texte qui applique la feuille de style dans une cellule de tableau</td>

</tr>
</table>

<p>Ceci est un texte qui applique <span class="marge">la feuille de style </span> dans des balises '<span>'</p>

<span class="marge"><img src="logo.gif"></span>

	Démonstration

Ceci est un texte qui applique la feuille de style dans une balise '<p>'

Ceci est un texte qui applique la feuille de style dans une balise '<div>'

Ceci est un texte qui applique la feuille de style dans un tableau

Ceci est un texte sans ornement
dans un tableau

Ceci est un texte qui applique la feuille de style dans une cellule de tableau

Ceci est un texte qui applique la feuille de style dans des balises '<span>'

	Téléchargement

Cette feuille de style est disponible en deux versions :

le style est appliqué localement, dans la balise style de la page),

le style dans une feuille de style externe, commune à toutes les pages (fichier .css).

L'intérêt d'une feuille de style est de pouvoir partager le style entre plusieurs liens de la page.

Style local :

str_padding.zip
4 Ko

Feuille de style :

str_padding2.zip
4 Ko


	Recherche


	DHTML


	HTML 4


	Javascript 1.3


	Références


	Aide générale


	statistiques