This page is part of the CSS3.info CSS selectors test. See more info on CSS3 selectors.

1. div[align^=left] {
   }
   
   <div align='left'></div>

   The CSS selector should match the HTML fragment because the align attribute has the correct value

2. div[align^=left] {
   }
   
   <div align='LEFT'></div>

   The CSS selector should match the HTML fragment because the value of the align attribute should be case insensitive in a HTML document

3. div[align^=left] {
   }
   
   <div ALIGN='left'></div>

   The CSS selector should match the HTML fragment because attribute names should be case insensitive in a HTML document

4. div[align^=left] {
   }
   
   <div align='leftright'></div>

   The CSS selector should match the HTML fragment because the align attribute starts as expected

5. div[align^=left] {
   }
   
   <div align='left right'></div>

   The CSS selector should match the HTML fragment because the align attribute starts as expected

6. div[align^=left] {
   }
   
   <div align='left-right'></div>

   The CSS selector should match the HTML fragment because the align attribute starts as expected

7. div[align^=left] {
   }
   
   <div align='right'></div>

   The CSS selector should not match the HTML fragment because the align attribute is different

8. div[align^=left] {
   }
   
   <div align='rightleft'></div>

   The CSS selector should not match the HTML fragment because the align attribute starts differently

9. div[align^=left] {
   }
   
   <div align='right left'></div>

   The CSS selector should not match the HTML fragment because the align attribute should not be interpreted as a space seperated list

10. div[align^=left] {
    }
    
    <div align='right-left'></div>

    The CSS selector should not match the HTML fragment because the align attribute should not be interpreted as two components seperated by as dash

11. div[align^=left] {
    }
    
    <div align=''></div>

    The CSS selector should not match the HTML fragment because the align attribute is empty

12. div[align^=left] {
    }
    
    <div></div>

    The CSS selector should not match the HTML fragment because the align attribute does not exist

13. div[align ^= left] {
    }
    
    <div align='left'></div>

    The CSS selector should match the HTML fragment because the align attribute has the correct value

14. div[align ^=left] {
    }
    
    <div align='left'></div>

    The CSS selector should match the HTML fragment because the align attribute has the correct value

15. div[align^= left] {
    }
    
    <div align='left'></div>

    The CSS selector should match the HTML fragment because the align attribute has the correct value

16. div[title^=match] {
    }
    
    <div title='match'></div>

    The CSS selector should match the HTML fragment because the value of the title attribute is an exact match

17. div[title^=match] {
    }
    
    <div title='MATCH'></div>

    The CSS selector should not match the HTML fragment because value of the title attribute should be compared in a case-sensitive way

18. div[id^=match] {
    }
    
    <div id='MATCH'></div>

    The CSS selector should not match the HTML fragment because value of the id attribute should be compared in a case-sensitive way

19. label[for^=match] {
    }
    
    <label for='MATCH'></label>

    The CSS selector should not match the HTML fragment because value of the for attribute should be compared in a case-sensitive way

20. div[align^=left] {
    }
    
    <div align=' left '></div>

    The CSS selector should not match the HTML fragment because the align attribute begins different - it is not allowed to strip whitespace in HTML documents