CSS3 @supports

4/Dic/2017 556

CSS @supports

CSS3 trae consigo un nuevo selector como parte del grupo condicional feature queries: @supports. Esta regla (no es en sí un selector) prueba si el browser soporta cierto par de propiedad: valor y los operadores AND, IN, OR.


Por ejemplo, si se quiere determinar si el browser soporta CSS Grids, se utiliza la nomenclatura como a continuación:

@supports (display: grid) {
  .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
  .column-one {
    grid-column: 1 / 3;
    grid-row: 1;

JS Bin on jsbin.com

Para algo más complejo, en el siguiente ejemplo preguntamos si el browser no soporta CSS Grids para entregar un fallaback:

@supports not (display: grid) {
  div { float: left; }


Actualmente su soporte es amplio en browsers modernos, salvo a la fecha de la excepción de IE11 el cual no tienen ningún soporte.

Screen Shot 2017-12-04 at 10.54.49


Esto es algo personal, pero este feature querie en específico me causa un regreso a la web que era reinada por los browsers y no por los estándares. Escribir código para navegadores específicos y dejar sin soporte a otros que no tienen las mismas características es volver un poco a la época de los Applets, prefijos -webkit -moz y otros. Ojalá sea sólo una impresión mía.



  1. zyrtec d [#]

    cetirizine costco – http://allergyd.com

  2. pharmacepticacom [#]

    malaria usmle https://www.pharmaceptica.com/

  3. methylprednisolone [#]

    prednisolone acetate ophthalmic suspension https://deltasoneprednisone.com/

  4. golden goose [#]

    My husband and i got so satisfied when Ervin could finish up his studies by way of the ideas he came across from your own site. It’s not at all simplistic to simply happen to be handing out thoughts which many people have been making money from. We really understand we need the blog owner to be grateful to for this. The explanations you have made, the easy web site menu, the relationships your site make it easier to foster – it is most fabulous, and it’s really making our son in addition to our family reckon that the topic is pleasurable, and that’s highly essential. Thank you for all!

  5. supreme clothing [#]

    I precisely needed to thank you so much once more. I’m not certain the things I would have achieved in the absence of the hints provided by you directly on that topic. It previously was an absolute alarming condition in my opinion, nevertheless seeing your well-written approach you treated the issue took me to weep over delight. I’m just happy for the support and even hope that you realize what a great job you are always accomplishing training people today by way of a web site. I know that you haven’t got to know any of us.

  6. bape hoodie [#]

    I am writing to let you understand of the wonderful experience my daughter went through checking your site. She mastered so many things, including what it is like to have an excellent helping style to have certain people very easily completely grasp a number of hard to do subject matter. You truly surpassed my expectations. I appreciate you for rendering these good, healthy, educational and as well as easy guidance on your topic to Emily.

  7. moncler [#]

    I definitely wanted to make a quick comment in order to express gratitude to you for all the great steps you are showing at this website. My rather long internet investigation has now been rewarded with professional points to exchange with my co-workers. I ‘d claim that we website visitors actually are truly fortunate to be in a good network with many outstanding people with insightful techniques. I feel somewhat lucky to have seen the website and look forward to tons of more exciting times reading here. Thanks once again for a lot of things.

  8. supreme shirt [#]

    I’m commenting to let you know of the remarkable experience my wife’s princess developed browsing yuor web blog. She realized several issues, most notably how it is like to possess an incredible teaching character to get certain people with ease understand specific multifaceted matters. You undoubtedly surpassed our expectations. Thank you for distributing these priceless, dependable, edifying and also unique guidance on your topic to Lizeth.

  9. moncler coat [#]

    I have to show some thanks to the writer just for rescuing me from such a challenge. After searching throughout the world wide web and seeing ideas that were not pleasant, I figured my life was over. Being alive without the answers to the difficulties you’ve sorted out as a result of your article content is a serious case, and the kind which might have in a wrong way affected my entire career if I hadn’t come across your blog. Your primary natural talent and kindness in maneuvering the whole lot was helpful. I don’t know what I would’ve done if I had not come across such a step like this. I can at this time relish my future. Thanks so much for your skilled and sensible help. I won’t be reluctant to propose your web site to anyone who wants and needs assistance about this problem.

  10. curry 6 [#]

    I have to point out my respect for your generosity in support of men who have the need for help with this particular study. Your personal dedication to passing the solution all around had been incredibly practical and has all the time helped people like me to arrive at their pursuits. Your important publication can mean a great deal a person like me and far more to my office workers. Warm regards; from everyone of us.

  11. provigilsideeffects [#]

    where to buy modafinil modafinil prescription

  12. bactrim and alcohol [#]

    bactrim side effects Sulfamethoxazole and alcohol

  13. stromectolforte.com [#]

    ivermectin tablets http://stromectolforte.com/ ivermectin tablets for humans stromectol canada

  14. stromectolforte.com [#]

    stromectol tablets buy online https://stromectolforte.com/# п»їorder stromectol online stromectol us

  15. curry 8 [#]

    My wife and i got quite fortunate that Albert managed to carry out his survey with the precious recommendations he got when using the site. It is now and again perplexing to simply find yourself releasing ideas which often most people might have been making money from. Therefore we consider we have got the blog owner to appreciate for that. The explanations you have made, the easy blog navigation, the relationships you can make it easier to foster – it is all impressive, and it’s really letting our son and our family do think that topic is fun, and that’s really essential. Thanks for the whole lot!

  16. chrome hearts store [#]

    I definitely wanted to make a small note to be able to thank you for all of the splendid items you are giving out here. My long internet search has finally been paid with high-quality facts and techniques to talk about with my friends. I would state that that many of us readers actually are unequivocally endowed to live in a perfect place with many outstanding individuals with good tips and hints. I feel rather fortunate to have seen your entire web pages and look forward to plenty of more pleasurable minutes reading here. Thanks once again for all the details.

  17. curry 7 [#]

    I needed to compose you this little bit of note so as to give thanks as before considering the pleasing secrets you have discussed on this page. It was quite pretty generous of you to give extensively precisely what numerous people would’ve offered for sale for an ebook to end up making some bucks on their own, principally considering that you could have done it if you decided. Those strategies likewise acted like a fantastic way to recognize that other individuals have the identical desire much like my own to learn a little more pertaining to this condition. Certainly there are lots of more pleasant moments in the future for those who view your site.

  18. golden goose [#]

    I want to express thanks to you just for bailing me out of this condition. After surfing through the online world and obtaining tricks which are not powerful, I assumed my life was over. Living devoid of the strategies to the problems you’ve sorted out all through this write-up is a serious case, and the ones that would have badly damaged my career if I had not noticed the blog. Your main skills and kindness in controlling all things was important. I’m not sure what I would have done if I hadn’t come across such a step like this. I am able to at this time look ahead to my future. Thanks for your time so much for this impressive and effective guide. I won’t hesitate to refer your web blog to anyone who desires guidance on this problem.

  19. goyard [#]

    I want to express my thanks to the writer for rescuing me from this type of issue. As a result of searching through the the net and meeting techniques that were not helpful, I believed my entire life was done. Existing minus the answers to the issues you’ve solved all through the blog post is a serious case, as well as ones that might have in a wrong way damaged my career if I hadn’t noticed your site. Your personal natural talent and kindness in handling everything was crucial. I don’t know what I would have done if I had not encountered such a stuff like this. I’m able to now look forward to my future. Thanks a lot very much for your expert and effective guide. I will not hesitate to suggest your site to any person who should have recommendations about this problem.

  20. alex lyubinsky scammer [#]

    ranchstone apartments rentberry scam ico 30m$ raised cardinal apartments

  21. provigilhalflife [#]

    modalert 100 price india https://modafinilltop.com/

  22. bactrim antibiotic [#]

    https://bactrimsulfamethoxazole.com/ sulfamethoxazole generic name

  23. digitürk istanbul başvuru [#]

    Digitürk bayileri istanbul ihtiyacınız için bir telefon uzağınızdayız. Hemen ulaşın işleminizi gerçekleştirelim.

  24. GustavoVet [#]

    help writing essays
    research papers for sale

  25. bactrim [#]

    What dose of co- trimoxazole is used in a patient with a UTI? trimethoprim sulfa

  26. provigilreviews [#]

    provigil vs modafinil provigil and alcohol

  27. lebron james shoes [#]

    Thanks so much for giving everyone a very remarkable chance to read critical reviews from this blog. It’s always very terrific and stuffed with a lot of fun for me personally and my office acquaintances to visit your blog at the least 3 times weekly to read the fresh guides you have got. And lastly, I’m at all times motivated for the amazing concepts you give. Some 3 ideas in this post are unquestionably the simplest we have ever had.

  28. golden goose [#]

    I am only writing to make you understand what a great discovery my child went through visiting your web site. She noticed lots of issues, with the inclusion of what it is like to possess a very effective coaching mindset to let many people just grasp chosen very confusing topics. You truly exceeded our desires. I appreciate you for distributing such practical, trusted, explanatory and as well as unique tips about this topic to Janet.

  29. supreme [#]

    I and my buddies happened to be checking out the excellent tips and hints on your site and then unexpectedly developed a terrible suspicion I never thanked the web site owner for them. All the young men happened to be as a consequence happy to study all of them and have now surely been taking pleasure in those things. I appreciate you for getting very helpful and for opting for some exceptional themes millions of individuals are really eager to learn about. Our own sincere regret for not expressing gratitude to you earlier.

  30. bape [#]

    I must show some thanks to the writer for bailing me out of this instance. After researching through the world-wide-web and finding concepts which were not productive, I was thinking my life was done. Living minus the solutions to the problems you have fixed as a result of your main review is a serious case, and ones which could have adversely affected my entire career if I hadn’t discovered your web site. Your own mastery and kindness in playing with all the things was useful. I am not sure what I would’ve done if I hadn’t come across such a stuff like this. I’m able to at this point relish my future. Thanks a lot so much for the high quality and effective guide. I will not be reluctant to refer your web site to anybody who would like guidelines about this situation.