en css lo que es la diferencia entre font-variant:small-caps;
y text-transform:capitalize;
font-variant: small-caps; vs text-transform: capitalizar;
Respuesta
si utiliza text-transform: capitalize
la palabra "desbordamiento de pila" se convertirá en "desbordamiento de pila", sólo la primera letra de cada palabra se CAPS.
pero si usa font-variant: small-caps
la palabra "desbordamiento de pila" pasa a ser "DESBORDAMIENTO DE PILA", pero la altura del tipo de letra coincidirá con la altura de las letras minúsculas antes de aplicar el estilo CSS. entonces todos los CAPS pero más pequeños. (Sᴛᴀᴄᴋ Oᴠᴇʀғʟᴏᴡ)
y text-transform: uppercase
hace que todo CAPS también, pero pero el tipo de letra sigue siendo el mismo tamaño, por lo uppercase
tipo de letra será más grande que small-caps
Creo que font-variant: small-caps es como una mezcla de text-transform: capitalize y text-transform: mayúscula –
no del todo. mayúscula hace que todas las letras CAPS. mayúscula solo hace las primeras letras de cada palabra CAPS. small-caps hace todos los CAPS pero la altura de las letras CAPS será igual a la altura de las letras que no sean CAPS – pixeltocode
Buen punto sobre la diferencia de tamaño de texto. Gracias. – bashirs
mayúsculas es texto que consiste en caracteres en mayúsculas normales:
MAYÚSCULAS
small-caps es como tan (tomado de here):
Wikipedia article on Small caps
text-transform
tiene errores en algunos navegadores: consulte here.
Por ejemplo:
En Internet Explorer para Windows versiones hasta e incluyendo 7, los valores en minúsculas y mayúsculas se comportan como si nada si la propiedad font-variant se establece en small-caps.
entonces qué es text-transform: capitalize; –
http://www.w3schools.com/Css/pr_text_text-transform.asp Transforma el primer carácter de cada palabra en mayúscula –
también estoy buscando lo mismo. vea en W3cschools 1. capitalize es \t Transforma el primer carácter de cada palabra en mayúscula y 2. small-cap es El navegador muestra una fuente de mayúsculas pequeñas. no son lo mismo –
En la tipografía normal hay una gran diferencia en small-caps y mayúsculas , según lo declarado por uno de los contribuyentes en este foro. Los caracteres pequeños son caracteres en mayúscula con una altura x (casi) igual a caracteres en minúscula.
Para imitar esto con CSS, puede usar font-variant: small-caps;
.
Cuando utiliza esto con una fuente personalizada (iniciada con @font-face
), a veces falla.
trate de añadir un text-transform: lowercase;
antes de agregar el font-variant
:
.smallcaps {
text-transform: lowercase;
font-variant: small-caps;
}
- 1. ¿Debo capitalizar mis constantes?
- 2. C# capitalizar frase
- 3. C++ macro - capitalizar cadena
- 4. ¿Cómo debo capitalizar Perl?
- 5. ¿Cómo debo capitalizar Ruby?
- 6. rieles capitalizar check_box_tag entradas
- 7. cómo capitalizar cadena de Inglés en Emacs
- 8. Capitalizar automáticamente todas las entradas en WPF
- 9. MAYÚSCULAS, minúsculas, capitalizar una propiedad Ant
- 10. Capitalizar palabras en una cadena usando C#
- 11. python capitalizar la primera letra solo
- 12. ¿Por qué debería capitalizar mis palabras clave SQL?
- 13. ¿Cómo le digo a Rails cómo capitalizar correctamente un acrónimo?
- 14. toLowerCase o capitalizar funciones para Sublime Text 2 Snippets
- 15. ¿Puedes capitalizar un token pegado en una macro?
- 16. Nombres de funciones en C++: ¿Capitalizar o no?
- 17. pitón capitalizar() en una cadena que comienza con el espacio
- 18. ¿Cómo capitalizar la primera letra con JSTL/CSS?
- 19. Capitalizar todas las letras en un campo de texto en Java
- 20. Capitalizar/Poner en mayúscula la primera letra de cada palabra en una cadena en Matlab?
- 21. ¿Alguien tiene una función de PHP para capitalizar correctamente los nombres de las personas?
- 22. ¿Hay alguna manera de capitalizar rápidamente el nombre de la variable en Eclipse
- 23. ¿Cómo capitalizar la primera letra de cada palabra, como una ciudad de 2 palabras?
- 24. J2ME VS Android VS iPhone VS Symbian VS Windows CE
- 25. TagSoup vs Jsoup vs HTML Analizador vs vs HotSax
- 26. VS 2008 vs VS 2008 Express
- 27. método vs función vs procedimiento vs clase?
- 28. inline vs __inline vs __inline__ vs __forceinline?
- 29. Atomikos vs JOTM vs Bitronix vs?
- 30. Rhino simulacro vs Typemock vs JustMock vs
Si instala Firebug en Firefox se puede manipular el CSS para cualquier sitio web y jugar con las diversas propiedades para ver cómo funcionan. – jwhat
Simples: http://jsfiddle.net/MSPUq – vegemite4me