';
// -----------------------------------------------------
// Boite Type
// -----------------------------------------------------
echo '
';
echo '
Type de Conteneur
';
// -----------------------------------------------------
// Display
// -----------------------------------------------------
echo '
';
echo '
Rendu : ';
$theTitle='';
echo '
';
// -----------------------------------------------------
// FLEX
// -----------------------------------------------------
echo ' ';
echo '
';
echo '';
echo ' ';
echo 'Tableau flex ';
echo '';
echo '
';
if ($_SESSION['isAgencement'] === true ) echo '
';
else echo '
';
echo '';
echo '
';
// -----------------------------------------------------
// GRID
// -----------------------------------------------------
echo ' ';
echo '
';
echo '';
echo ' ';
echo ' Tableau grid ';
echo '';
echo '
';
echo '
';
echo '';
echo '
';
echo '
';
// -----------------------------------------------------
// Boite Alignement Grid
// -----------------------------------------------------
if (!isset($cssDisplay[$theNumCss])) $cssDisplay[$theNumCss]="-";
if ($cssDisplay[$theNumCss]=="grid" || $cssDisplay[$theNumCss]=="inline-grid" ) {
echo '
';
echo '
Alignement pour Grid
';
// -----------------------------------------------------
// Justify-content
// -----------------------------------------------------
echo '
';
echo '
Alignement horizontal de la grille : ';
echo '
';
$theTitle='Justification des cellules';
echo '';
echo '';
// -----------------------------------------------------
// Align-content
// -----------------------------------------------------
echo '
';
echo '
';
echo '
Alignement vertical de la grille : ';
$theTitle='Alignement vertical de la grille';
echo '
';
echo '';
// -----------------------------------------------------
// Justify-items ---> que pour grid
// -----------------------------------------------------
echo '
';
echo '
';
echo '
Alignement horizontal des items : ';
$theTitle=' Justify-Items';
echo '
';
// -----------------------------------------------------
// Align-items
// -----------------------------------------------------
echo '
';
echo '
';
echo '
Alignement vertical des items : ';
$theTitle='align-items';
echo '
';
echo '';
echo '
';
}
// -----------------------------------------------------
// FLEX alignement
// -----------------------------------------------------
if ($cssDisplay[$theNumCss]=="flex" || $cssDisplay[$theNumCss]=="inline-flex") {
echo '
';
echo '
Alignement pour Flex
';
// -----------------------------------------------------
// Justify-content
// -----------------------------------------------------
echo '
';
echo '
Justification de la grille : ';
echo '
';
$theTitle='Justification de la grille';
echo '';
echo '';
// -----------------------------------------------------
// Align-content
// -----------------------------------------------------
echo '
';
echo '
Alignement de la grille : ';
$theTitle='Alignement de la grille';
echo '
';
echo '';
// -----------------------------------------------------
// Align-items
// -----------------------------------------------------
echo '
';
echo '
Alignement des items : ';
$theTitle='align-items';
echo '
';
echo '';
// -----------------------------------------------------
// Justify-Items ---> que pour grid = oui
// -----------------------------------------------------
echo '
';
}
// -----------------------------------------------------
// Boite affichage
// -----------------------------------------------------
echo '
';
echo '
Affichage
';
// -----------------------------------------------------
// Opacité :
// -----------------------------------------------------
// echo '
';
// -----------------------------------------------------
echo '
';
echo '
Opacité : ';
$title="opacité";
if (isset($cssOpacity[$theNumCss])) {echo '
';}
else {echo '
';}
// -----------------------------------------------------
// Visibility :
// -----------------------------------------------------
echo '
';
echo '
Visibilité : ';
$title="Determine de quel côté un élément flottant n'est pas autorisé. ";
echo '
';
// -----------------------------------------------------
// z-index :
// -----------------------------------------------------
echo '
';
echo '
Plan (devant/au fond) : ';
$title="Plan index";
if (isset($cssZindex[$theNumCss])) {echo '
';}
else {echo '
';}
echo '
';
// -----------------------------------------------------
// Boite aspect
// -----------------------------------------------------
echo '
';
echo '
Aspect
';
// -----------------------------------------------------
// Ombre :
// -----------------------------------------------------
echo '
';
echo '
Ombre : ';
$theTitle="Ombre de la boite";
if (isset($cssBoxShadow[$theNumCss])) {echo '
';}
else {echo '
';}
// -----------------------------------------------------
// Souris :
// -----------------------------------------------------
echo '
';
echo '
Souris : ';
$theTitle="Forme de la souris";
echo '
';
// -----------------------------------------------------
// Overflow
// -----------------------------------------------------
echo '
';
echo '
Dépassement : ';
$theTitle='Dépassement';
echo '
';
echo '
';
echo '