HTML and CSS Reference
page and dropped onto another element (though as you will see, you will likely only use
draggable for making this happen, as dropzone has yet to gain much browser sup-
The style attribute provides a method of applying CSS styles directly to an element.
Any styles applied in this way will override styles set on the element elsewhere. Al-
though this can provide a quick way to apply styles to an element, it is best to avoid
this attribute altogether and provide the styles for your page in an external style sheet.
Having a clear separation between CSS and HTML code within your website provides
organizational and flexibility advantages, because it is far easier to find and disable CSS
rules when they are contained in a CSS file, instead of being spread between CSS and
The dir attribute controls which way text flows. Text normally flows from left to right,
but if a language is used that flows the other direction, such as Arabic, the text needs
to go that way as well. The dir attribute provides this ability. If an entire block is in a
right-to-left language, use the value of “rtl” for right-to-left languages and “ltr” for left-
to-right languages on the container element, which will flip the alignment of the text and
<p dir="rtl">When rendered by a browser, this paragraph
will appear aligned to the right.</p>
<p>While this paragraph will not because it lacks a
A value of “auto” can also be given, which seeks to automatically determine the text
directionality based on the enclosed text.
Note The CSS direction property provides this same functionality and takes the
values inherit , ltr , and rtl . However, this CSS should NOT be used as this in-
formation should be embedded into the page itself so that the directionality of the tex-
tual content can still be determined even if the associated style sheet is disabled.