CSS Regions Selection Use Cases

Use Case A

• HTML:

  source
  outside-region-1
  region
  outside-region-2
  

• Regions (source code) (simple)

• Absolute positions (source code) (simple)

Use Case B

• HTML:

  outside-region-1
  source
  region
  outside-region-2
  

• Regions (source code) (simple)

• Absolute positions (source code) (simple)

Use Case C

• HTML:

  outside-region-1
  source
  outside-region-2
  region
  

• Regions (source code) (simple)

• Absolute positions (source code) (simple)

Use Case D

• HTML:

  source
  region-1
  outside-region
  region-2
  

• Regions (source code) (simple)

• Absolute positions (source code) (simple)

Performance tests

• Regions (1 flow thread)

• Regions (2 flow threads)

• Regions and regular elements

• Regular elements (no regions)