---json
{
    "description": "The language permits to set the language at a words level and to write multi-language pages.",
    "page_id": "xkj0kbmkov9n5d6i5klcj",
    "title": "The language attribute: How to set the language for a text"
}
---
====== ComboStrap Styling - Language Attribute ======


===== About =====
The ''lang'' attributes is a [[docs:styling:styling|styling attribute]] that sets the language of a text.

<note>
If you want to set the language for:
  * one page: use the [[:docs:page:lang|lang page configuration]]
  * the whole website, use the [[:docs:app:lang|lang application configuration]]
</note>
===== Example =====

English and Arabic on the same page.
<webcode name="Default" frameborder="0">
<code dw>
<text lang="en">This text is in English and goes from ''Left To Write''</text>
<text lang="ar">بينما هذا النص عربي وينتقل من اليمين إلى اليسار</text>
</code>
</webcode>

===== Syntax =====

<code dw>
<component lang="languagevalue" />
</code>
where the language value is the two letters language. You can find it as the ''subtag'' in the [[https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry|official iana list]]

You can set it in a [[docs:block:block|block]] as well as a [[docs:content:content|inline component]].

This attribute will also set the [[:docs:locale:lang#direction|direction of the text]] to:
  * ''Right to Left''
  * Or ''Left to Right''