En este artículo, aprenderemos cómo se usa la propiedad de contenido con el selector :after en CSS. El selector :after se usa para insertar algo después de cualquier elemento seleccionado. Y la propiedad de contenido se usa para especificar el contenido que se insertará. Así que usamos la propiedad de contenido en ::after selector para poner algo después del elemento seleccionado.
Enfoque: la propiedad de contenido se utiliza para insertar contenido después o antes de cualquier elemento seleccionado. Así que usamos contenido en : después del selector para insertar algo después del elemento seleccionado.
Sintaxis:
element::after{
content : value;
css-properties...
}
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
p::after{
content: "GeeksforGeeks";
color: green;
font-size: 30px;
border-bottom: solid 5px green;
}
</style>
</head>
<body>
<p style="font-size:30px;">
Best website to learn coding:
</p>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por kapilnama1998 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA