Herramientas de usuario
wiki2:html_css
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
wiki2:html_css [2020/04/25 17:21] alfred [CSS Selectors] |
wiki2:html_css [2022/06/06 13:12] (actual) |
||
|---|---|---|---|
| Línea 100: | Línea 100: | ||
| * From: https://www.smashingmagazine.com/2014/06/css-driven-internationalization-in-javascript/ | * From: https://www.smashingmagazine.com/2014/06/css-driven-internationalization-in-javascript/ | ||
| + | * {{ :wiki2:css-driven_internationalization_in_javascript_smashing_magazine.pdf |PDF Version}} | ||
| <code html> | <code html> | ||
| Línea 137: | Línea 138: | ||
| </body> | </body> | ||
| </html> | </html> | ||
| + | </code> | ||
| + | |||
| + | ===== SVG ===== | ||
| + | |||
| + | ==== Using img tag ==== | ||
| + | <code> | ||
| + | <img src = "happy.svg" alt="My Happy SVG"/> | ||
| + | </code> | ||
| + | |||
| + | ==== Using object tag ==== | ||
| + | <code> | ||
| + | <object data="happy.svg" width="300" height="300"> </object> | ||
| + | </code> | ||
| + | |||
| + | ==== Add an svg with code directly ==== | ||
| + | |||
| + | <code> | ||
| + | <svg width="100" height="100"> | ||
| + | <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> | ||
| + | </svg> | ||
| + | </code> | ||
| + | |||
| + | ==== Using a file ==== | ||
| + | It comes from: https://github.com/feathericons/feather#svg-sprite= | ||
| + | |||
| + | <code> | ||
| + | <svg | ||
| + | width="24" | ||
| + | height="24" | ||
| + | fill="none" | ||
| + | stroke="currentColor" | ||
| + | stroke-width="2" | ||
| + | stroke-linecap="round" | ||
| + | stroke-linejoin="round" | ||
| + | > | ||
| + | <use href="path/to/feather-sprite.svg#circle"/> | ||
| + | </svg> | ||
| + | </code> | ||
| + | ==== From a reference in code ==== | ||
| + | |||
| + | |||
| + | <code> | ||
| + | <div> | ||
| + | <svg> | ||
| + | <use xlink:href="#bike" /> | ||
| + | </svg> | ||
| + | </div> | ||
| + | |||
| + | <svg display="none"> | ||
| + | <symbol width="24" height="24" viewBox="0 0 24 24" id="bike"> | ||
| + | <path d="M5,20.5A3.5,3.5 0 0,1 1.5,17A3.5,3.5 0 0,1 5,13.5A3.5,3.5 0 0,1 8.5,17A3.5,3.5 0 0,1 5,20.5M5,12A5,5 0 0,0 0,17A5,5 0 0,0 5,22A5,5 0 0,0 10,17A5,5 0 0,0 5,12M14.8,10H19V8.2H15.8L13.86,4.93C13.57,4.43 13,4.1 12.4,4.1C11.93,4.1 11.5,4.29 11.2,4.6L7.5,8.29C7.19,8.6 7,9 7,9.5C7,10.13 7.33,10.66 7.85,10.97L11.2,13V18H13V11.5L10.75,9.85L13.07,7.5M19,20.5A3.5,3.5 0 0,1 15.5,17A3.5,3.5 0 0,1 19,13.5A3.5,3.5 0 0,1 22.5,17A3.5,3.5 0 0,1 19,20.5M19,12A5,5 0 0,0 14,17A5,5 0 0,0 19,22A5,5 0 0,0 24,17A5,5 0 0,0 19,12M16,4.8C17,4.8 17.8,4 17.8,3C17.8,2 17,1.2 16,1.2C15,1.2 14.2,2 14.2,3C14.2,4 15,4.8 16,4.8Z"></path> | ||
| + | </symbol> | ||
| + | </svg> | ||
| </code> | </code> | ||
wiki2/html_css.1587835284.txt.gz · Última modificación: 2020/05/09 09:24 (editor externo)
Herramientas de la página
Excepto donde se indique lo contrario, el contenido de este wiki esta bajo la siguiente licencia: CC Attribution-Noncommercial-Share Alike 4.0 International
