Hello,

For my book I want to use different background image for every chapter. My initial plan was to use an attribute to qualify my chatper

<div class="Chapitre" id="Chapitre2" part="player" titre="Classes et Archetype" chapitrenbr="1">
...
</div>
<div class="Chapitre" id="Chapitre2" part="player" titre="Classes et Archetype" chapitrenbr="2">
...
</div>

@page Chapitre {
	size: A4;
	background: url(images/gauche_ch1.svg); <-- If chapter 1
        background: url(images/gauche_ch2.svg); <-- If chapter 2
	background-repeat: no-repeat;
}

I have no clue and I have done numerous test but without success.
Can you help me ?

You will need to use the "page" property, like this:

div#Chapitre2 { page: Chapitre2 }

@page Chapitre2 { background: ... }

Note that this will force a page break between chapters.

Another option may be to put the background image on the div itself.

Thx I will try ^^