---
title: "Here’s what I didn’t know about “content”"
url: https://daily.dev/posts/here-s-what-i-didn-t-know-about-content--ro7soxvcb
source_url: https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content
type: article
source: "Manuel Matuzović"
published: 2026-06-22T14:42:22.369Z
updated: 2026-06-22T14:43:24.246Z
tags: ["css", "accessibility"]
reading_time: 7
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Here’s what I didn’t know about “content”

**[Manuel Matuzović](https://daily.dev/sources/matuzo)** · 7 min read · 0 upvotes · 0 comments

## Summary

A deep dive into lesser-known capabilities of the CSS `content` property beyond basic pseudo-element usage. Covers using `content` with images and gradients (with browser support caveats), defining alt text for accessibility, combining text and images, replacing element content, the `open-quote`/`close-quote`/`no-open-quote`/`no-close-quote` keywords with language-aware nested quotes, and the difference between `counter()` and `counters()` for nested custom counters. Includes CodePen examples and accessibility considerations around putting text in CSS files.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content>

## Similar posts on daily.dev

- [CSS Counters in Action – Frontend Masters Blog](https://daily.dev/posts/css-counters-in-action-frontend-masters-blog-inevxrjem) · Frontend Masters · 1 upvotes · 0 comments

---

Tags: [#css](https://daily.dev/tags/css), [#accessibility](https://daily.dev/tags/accessibility)

[View this post on daily.dev](https://daily.dev/posts/here-s-what-i-didn-t-know-about-content--ro7soxvcb)