Class: .own-size
Jump to navigation
Jump to search
Customizes the size of a page. The CSS rules width and height can be added directly to the page selector or using the style parameter. For example:
<div id="flipbook"> <div>Page 1 with default size</div> <div class="own-size" style="width:100; height:100px;"> Page 2 with own size </div> </div>
Using CSS
#flipbook { width:700px; height:600px } #flipbook .p2, #flipbook .p3{ width:300px; height:500px; }
<div id="flipbook"> <div class="fixed hard">Page 1 with default size</div> <div class="own-size"> Page 2 with own size </div> <div class="own-size"> Page 2 with own size </div> </div>
In this sample the 1st page will have a size of 350x600, meanwhile page 2 and 3 the customized size. Notice that the first page uses the classes fixed and hard.
<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>