gavin/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2026-03-12 17:51:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: sync content to repo (#9545)

Browse Source 
Co-authored-by: kamranahmedse <4921183+kamranahmedse@users.noreply.github.com>
This commit is contained in:
github-actions[bot]
2026-01-16 15:35:10 +01:00
committed by GitHub
parent 6090039a95
commit 3bb9d74830
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/data/roadmaps/css/content/direction@ZyqKZMIkQ22ysFqmhL3ZN.md
View File

@@ -1,8 +1,10 @@
# Direction
Direction in CSS controls the text direction of an element. It specifies whether the text should flow from left to right (LTR) or right to left (RTL). This property is particularly useful for languages like Arabic or Hebrew, which are written from right to left, ensuring proper text rendering and layout.
The `direction` property in CSS sets the text direction of block-level elements, influencing how text, table columns, and inline-level boxes flow. While `direction` can be used to switch between left-to-right (LTR) and right-to-left (RTL) layouts, it's generally better to use the HTML `dir` global attribute. The `dir` attribute semantically indicates the document's or element's text direction, providing better accessibility and separation of concerns compared to styling direction with CSS.
Visit the following resources to learn more:
- [@article@Direction](https://developer.mozilla.org/en-US/docs/Web/CSS/direction)
- [@video@CSS how to: text direction](https://www.youtube.com/watch?v=SEX09kE5KmQ)
- [@article@CSS Direction](https://developer.mozilla.org/en-US/docs/Web/CSS/direction)
- [@article@HTML dir global attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/dir)
- [@video@CSS for beginners 60: direction property](https://www.youtube.com/watch?v=LM0yIWmP62Q)
- [@video@HTML Global Attributes - dir Attribute](https://www.youtube.com/watch?v=6hqHM7Ez_Xg)