1
00:00:05,310 --> 00:00:14,540
Another really handy property in the access environment is the border property, with the aim of defining

2
00:00:14,540 --> 00:00:16,610
the borders of a specific tag.

3
00:00:16,610 --> 00:00:25,670
So of a section or of the header of a photo of an article or simply of a paragraph or a heading to insert

4
00:00:25,670 --> 00:00:26,360
border.

5
00:00:27,800 --> 00:00:33,230
We are supposed to select a tag to make reference to.

6
00:00:35,060 --> 00:00:46,100
Therefore, let's move into our age, HTML5, and let's select, for example, the age to tag, then

7
00:00:46,100 --> 00:00:54,320
within style, let's add the age to selector within which we'll insert border.

8
00:00:54,830 --> 00:01:02,630
That, as you see also in this case, has got all a series of options, which, however, we are going

9
00:01:02,630 --> 00:01:10,790
to insert directly in a linear way, defined in this way all the borders of the page.

10
00:01:11,150 --> 00:01:15,650
After that, let's see how to define only a single border.

11
00:01:16,720 --> 00:01:26,350
Therefore, after border, let's insert a Kullen, we have to insert a width, we can, for example,

12
00:01:26,350 --> 00:01:34,420
opt for a thick border, five pixels, six years after that, let's select the type of border we like.

13
00:01:34,870 --> 00:01:39,040
If we wanted linear and continuous, we need to insert solid.

14
00:01:39,820 --> 00:01:42,790
And at this point, we have to select the color.

15
00:01:43,210 --> 00:01:44,800
We can choose our green.

16
00:01:45,950 --> 00:01:54,620
Semicolon, let's save and refresh our preview and as you can see, Section one in Section two, this

17
00:01:54,620 --> 00:01:58,520
play, an inner border inserted in there inside.

18
00:02:02,370 --> 00:02:11,700
We can also help to define exclusively one out of the four borders, therefore, instead of border five

19
00:02:11,700 --> 00:02:17,340
pizzas solid green, we might insert what follows border top.

20
00:02:18,460 --> 00:02:20,830
And five pixels solid green.

21
00:02:21,850 --> 00:02:24,550
Let's delete the previous one.

22
00:02:27,350 --> 00:02:29,690
Let's save refresh.

23
00:02:31,210 --> 00:02:36,790
And verify that in this case, only the superior border has been inserted.

24
00:02:38,870 --> 00:02:42,830
Naturally, we can do the same thing also with the left at.

25
00:02:43,950 --> 00:02:47,790
With the right and with the bottom Bordeaux's.

26
00:02:50,700 --> 00:02:56,430
And we can define a thinner border, therefore, to sell solid green.

27
00:02:58,980 --> 00:03:03,330
Let's save the refresh and let's go to the Prevue.

28
00:03:03,780 --> 00:03:08,640
As you can see, every border act in an autonomous way.

29
00:03:09,270 --> 00:03:14,900
The border at the top is thicker and the border at the bottom is thinner.

30
00:03:15,420 --> 00:03:19,320
We can then define the borders in a ducted way.

31
00:03:20,240 --> 00:03:29,900
In so doing, by saving and refreshing, we see that the lower border is not the line anymore, but

32
00:03:30,170 --> 00:03:33,530
it's detailed by a series of dots.

33
00:03:35,650 --> 00:03:45,760
As for background and tax color, also in this case, a series of advanced tools are present, which,

34
00:03:45,760 --> 00:03:53,740
however, we are going to deal with later on during our course, the aim of this distinction between

35
00:03:53,740 --> 00:04:02,320
basic and advanced functions is only to make you understand more easily all the main properties that

36
00:04:02,350 --> 00:04:04,120
the stylesheets used.