WEBVTT FILE





1
00:00:06.290 --> 00:00:13.530
in this video we're going to learn how to decorate text so in order to do some

2
00:00:13.530 --> 00:00:18.240
text decoration there are several properties that we can use and let's

3
00:00:18.240 --> 00:00:29.039
start with the Facebook Dave and use the text decoration property so there are

4
00:00:29.039 --> 00:00:36.870
several choices we can go for so if we go for the underlying property we can

5
00:00:36.870 --> 00:00:46.500
see that the text is underlined okay also we can use the font weight property

6
00:00:46.500 --> 00:00:55.949
and we can either use a value or we can just set it to bold for instance and you

7
00:00:55.949 --> 00:01:01.010
can see now that's the text in the Facebook div has become bold

8
00:01:01.010 --> 00:01:07.200
okay there are other properties for text decorations so if we go to the Apple

9
00:01:07.200 --> 00:01:12.650
Dave let's try again the text decoration and this time let's set it to over line

10
00:01:19.790 --> 00:01:24.950
now you can see a line on top of the text

11
00:01:24.950 --> 00:01:32.869
also let's use the font style property and let's go for italic okay so now you

12
00:01:41.909 --> 00:01:49.439
can see that the text appears in italic and also we can use the font size

13
00:01:49.439 --> 00:01:56.810
property to set the size of the text and let's go for one and a half and so again

14
00:01:56.810 --> 00:02:07.549
1m is 16 pixels so one and a half is the equivalent of 24 pixels alright

15
00:02:08.030 --> 00:02:14.480
[Music] now let's move to the Microsoft Dave and

16
00:02:14.480 --> 00:02:27.239
try out some other text decoration properties we can try letter spacing so

17
00:02:27.239 --> 00:02:36.900
basically we're setting space between letters and we can use a value so we can

18
00:02:36.900 --> 00:02:41.819
if we set that to 10 pixels that means that's the space between one letter and

19
00:02:41.819 --> 00:02:54.569
the next one is 10 pixels also we can use the text shadow property and we're

20
00:02:54.569 --> 00:03:02.549
gonna need to use three values here so if we said that with three pixel three

21
00:03:02.549 --> 00:03:19.200
pixels three pixels and then we can use a color for the shadow basically these

22
00:03:19.200 --> 00:03:24.780
values are referring so first one is referring to the horizontal shadow and

23
00:03:24.780 --> 00:03:30.840
then next one is the vertical shadow the third one is optional and is referring

24
00:03:30.840 --> 00:03:36.989
to the blur radius so if when I get rid rid of that one we can it's only

25
00:03:36.989 --> 00:03:44.670
optional right and then this value is going to be the color let's change the

26
00:03:44.670 --> 00:03:52.670
color just have something that stands out better

27
00:03:54.319 --> 00:03:56.379
you his choice

28
00:04:08.770 --> 00:04:15.030
you anyway so that's how the text shadow

29
00:04:15.030 --> 00:04:24.380
works and one last property just to finish we're gonna try the text indent

30
00:04:26.480 --> 00:04:34.710
and we can use that to set an indent to the text and it set the 240 pixels for

31
00:04:34.710 --> 00:04:45.240
instance here we go so this is it's regarding the text decoration in the

32
00:04:45.240 --> 00:04:50.600
next video we will learn how to align a text

33
00:04:59.580 --> 00:05:01.639
you