wtorek, 5 czerwca 2012

CSS3 odc.5

Pewne uzupełnienia do poruszanych zagadnień z poprzedniego odcinka, zrobione na podstawie prezentacji Designing Metro style apps using CSS3.

image

CSS3 Regions

  • Define content sources
  • Define content containers
  • Dynamically flow content sources through content containers

flow-into, flow-from, msRegionUpdate, msRegionOverflow, msGetRegionContent()

image

image

  • Create content flows that flow content across multiple disjoint containers
  • Design elegant and adaptable text layouts
  • Ideal for creating complex text-centric designs like magazines or books that adapt to multiple resolutions

 

image

image

image

image

image

  • column-count
  • column-width
  • column-gap
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • break-before
  • break-after
  • break-inside

 

image

image

  • float: -ms-positioned
  • -ms-flow-wrap

Brak komentarzy: