AL-HUDA SHORTHAND AND IT INSTITUTE
“Text Code”
Alhuda
Shorthand & I.T Institute Multan is providing professional training of WEB
DESIGNING AND DEVELOPMENT.
Therefore,
if you want to learn web designing and development with professional,
complete, and comprehensive, visit Alhuda Shorthand & I.T Institute, Multan
and get admission. For further information contact 0300-8829545 or 0311-4029545
or www.alhudashorthand.com or visit in person.
Address:
Address:
1st Floor Noor Plaza Opposite Women
University, Ghanta Ghar to katchary Road, Multan.
 |
| the best institute of web designing in Multan |
“Text Code”
The following text codes are the ones that start with the word "text". For example, text-align, text-indent, text-shadow, etc. To change the font, see the font codes.
Aligning Text
Utilize the CSS content adjust property to adjust your content (or some
other inline component of a square-level component):
Source Code Result
<p style="text-align:left;">Left</p>
<p style="text-align:center;">Center</p>
<p style="text-align:right;">Right</p>
Left
Center
Right
Decorating Text
The following are instances of the CSS content design property:
Source Code Result
<p><a style="text-decoration:none;"
href="//www.html.am">Link with no underline...</a></p>
<p style="text-decoration:underline;">Normal text with
underline</p>
<p style="text-decoration:line-through;">Text with a
line through the middle</p>
<p style="text-decoration:overline;">Text with an
overline</p>
<p style="text-decoration:blink;">Blinking text (doesn't
work on all browsers)</p>
Link with no underline...
Normal text with underline
Text with a line through the middle
Text with an overline
Blinking text (doesn't work on all browsers)
Indenting Text
Indent the principal line of content in a passage with the content
indent property:
Source Code Result
<p style="text-indent:18px;width:200px;">
The principal line of this paragraph is indented by 18 pixels. Each
subsequent line is not indented.</p>
<p style="text-indent:2.8em;width:200px;">
The first line of this section is indented by 2.8 em. An em expresses
the proportion of the letter width and height concerning the point size of
the current font.</p>
<p style="text-indent:35%;width:200px;">The first line
of this paragraph is indented by 35% (i.e. 35% of the comprising block - not
this paragraph).</p>
<p style="text-indent:-8px;width:200px;">The first line
of this paragraph is indented by a negative amount (-8 pixels). </p>
The primary line of this passage is indented by 18 pixels. Each
consequent line isn't indented.
The main line of this passage is indented by 2.8 em. An em characterizes
the extent of the letter width and stature as for the point size of the present
textual style.
The main line of this passage is indented by 35% (for example 35% of the
containing square - not this passage).
The primary line of this passage is indented by a negative sum (- 8
pixels).
Create a Drop Shadow
The CSS content shadow property acknowledges 4 qualities. The initial
two determine the vertical and even balances, and the third one indicates the span
of the haze. The fourth worth determines the shade of the drop shadow. Here are
a few models:
Source Code Result
<p style="font-size:18px;color:orange;text-shadow:1px 1px 1px
#666;">Drop shadow 1</p>
<p style="font-size:18px;color:orange;text-shadow:1px 1px 1px
#000;">Drop shadow 2</p>
<p style="font-size:18px;text-shadow:4px 4px 4px
#666;">Drop shadow 3</p>
<p style="font-size:18px;color:orange;text-shadow:4px 4px 8px
#666;">Drop shadow 4</p>
<p style="font-size:18px;color:#fff;text-shadow:1px 1px 8px
#000;">Drop shadow 5</p>
Drop shadow 1
Drop shadow 2
Drop shadow 3
Drop shadow 4
Drop shadow 5
Transform Text
To change the instance of your content, utilize the content change
property. For instance, you can Capitalize Text or change it from lowercase to
UPPERCASE (or the other way around). Here are models:
Source Code Result
<p style="text-transform:capitalize;">capitalized text (also
known as title case)</p>
<p style="text-transform:uppercase;">uppercase
text</p>
<p style="text-transform:lowercase;">TALK
QUIETLY</p>
Capitalized Text (Also Known As Title Case)
UPPERCASE TEXT
talk quietly
To do
things like change textual style, set it to strong or italics, and so on, see
these textual style codes.
