All Downloads are FREE. Search and download functionalities are using the official Maven repository.
  • Log In
  • Register

    • demos.list.xhtml Maven / Gradle / Ivy

    There is a newer version: 9.11.1
    Show newest version
    



  
    Flying Saucer: CSS List Support
    
    
    
  
  
    
    Previous Page
    
    
    Next Page
    

    
    
      CSS
      
      
        
    • List
      • 
        
    • Element
      • 
        
    • Support
      • 
      
    
        
    
    List support includes: Full support for ordered and unordered lists, image bullets for lists, list style types, 
    numbered lists, and so on.
    
    
    

    
    Unordered List Items with default style
    

    
      

        
    • List text list text list text list text
      • 

        
    • more item more item more item more item
      • 

    
    

    
    Ordered List Items with default style
    
    
      
        
    1. List text list text list text list text
      2. 
        
    2. more item more item more item more item
      3. 
    
    
    
    
    List Items with image bullets
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    

    
    Position Outside
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    

    
    Position Inside
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    

    
    List Items with Margin and Padding
    
    
    The bullets should be centered for list items with margin and padding (the dashed borders are for visualisation only).
    
    
      
        
    • item with margin top
      • 
        
    • item with margin bottom
      • 
        
    • item with margin top and bottom
      • 
        
    • item with padding top
      • 
        
    • item with padding bottom
      • 
        
    • item with padding top and bottom
      • 
        
    • item with margin and padding
      • 
    
    
    
    
    Failover
    
    
    The image shouldn't load and a square should be used instead
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    
    
    
    Shorthand Test
    
    
    It should have squares with outside position
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    
    
    
    Inheritance test with squares
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    
    
    
    Square Items
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    
    
    
    Disc Items
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    
    
    
    Circle Items
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
    
    
    
    
    Decimal Items
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
        
    3. third item
      4. 
        
    4. fourth item
      5. 
        
    5. fifth item
      6. 
        
    6. sixth item
      7. 
    
    
    
    
    Decimal Leading Zero Items
    
    
    Just does decimal for now
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
        
    3. third item
      4. 
        
    4. fourth item
      5. 
        
    5. fifth item
      6. 
        
    6. sixth item
      7. 
    
    
    
    
    Lower Roman Items
    
    
    Roman numerals not valid past 4000
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
        
    3. third item
      4. 
        
    4. fourth item
      5. 
        
    5. fifth item
      6. 
        
    6. sixth item
      7. 
    
    
    
    
    Upper Roman Items
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
        
    3. third item
      4. 
        
    4. fourth item
      5. 
        
    5. fifth item
      6. 
        
    6. sixth item
      7. 
    
    
    
    
    Lower Greek Items
    
    
    not supported yet. does decimal instead
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
        
    3. third item
      4. 
        
    4. fourth item
      5. 
        
    5. fifth item
      6. 
        
    6. sixth item
      7. 
    
    
    
    
    Lower Latin Items
    
    
    not tested past Z
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
        
    3. third item
      4. 
        
    4. fourth item
      5. 
        
    5. fifth item
      6. 
        
    6. sixth item
      7. 
    
    
    
    
    Upper Latin Items
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3. 
        
    3. third item
      4. 
        
    4. fourth item
      5. 
        
    5. fifth item
      6. 
        
    6. sixth item
      7. 
    
    
    
    
    None Items
    
    
      
        
    1. first item
      2. 
        
    2. second item
      3.




    © 2015 - 2024 Weber Informatics LLC | Privacy Policy