Problema con el pseudo-elemento ::first-letter
Publicado por Israel (51 intervenciones) el 08/05/2020 22:19:51
Modifico el aspecto de la primera letra de un párrafo con ayuda de "p::first-letter".
El problema viene cuando intento que esa primera letra tenga por altura el equivalente a 3 líneas del párrafo de modo que dichas líneas se coloquen a su derecha cubriendo exactamente su altura (he adjuntado una imagen para indicar a que me refiero).
He leido que se puede hacer con la declaración "initial-letter:3;" pero no se ejecuta.
Este es mi codigo:
gracias
El problema viene cuando intento que esa primera letra tenga por altura el equivalente a 3 líneas del párrafo de modo que dichas líneas se coloquen a su derecha cubriendo exactamente su altura (he adjuntado una imagen para indicar a que me refiero).
He leido que se puede hacer con la declaración "initial-letter:3;" pero no se ejecuta.
Este es mi codigo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<head>
<style>
body{ width: 500px;background-color:yellow;
margin:auto;}
p::first-letter{
color:red;initial-letter:3;}
</style>
<head>
<body>
<header>
<h1>Entendiendo los Pseudo-elementos</h1>
</header>
<section>
<p>Este texto esta pensado para ver el pseudo-elemento ::first-letter que permite en CSS
modificar las caracteristicas de la primera letra de un parrafo (normalmente se modificael tamano).</p>
</section>
</body>
</body>
gracias
- Initial_letter.rar(180,5 KB)
Valora esta pregunta
0
