Hello everyone and welcome back.
In today's video we will learn how to add science to list using CDC's let's say you've got these two
lists one is audited list and one is an ordered list so CSX allows us to change the list type for etched
in a list.
So right now we've got the stylus 1 2 3 four for the order list.
Let's try changing that.
So this is the code we have and for the first list we've got an idea let's use that for the styling.
So coming to our index to use this file let's place the idea here and to change this list style.
We've got a property called list style so list style and type.
So this property accepts multiple values.
Say we want the list to be in alphabetical order and uppercase.
So we could go something like this I've got.
Let's save it.
As you can see a list is in alphabetical order.
Similarly if you want it to be lowercase we could do something like this lower alpha let's save it.
And as you can see our list is in alphabetical order just the lowercase similarly.
So if we want to make it uppercase Roman numerals.
So we could do about Roman let's say that we've got these roman numerals similar that if you wanted
to be lowercase Roman numerals we could do something like this so lower on Roman.
Let's say the I mean by this lowercase Roman numerals.
Similarly we can change the list I'll take four of unordered list.
So let's get the idea for that.
So let's just copy it from you and priesthood because it's an idea so we need to use hash again the
same property less stable type so the default value of unordered list is desk but we can change it to
circle and square.
So let's try that.
So same circle and as you can see are unordered list as these so-called.
Similarly you can have it a square.
Let's say that as you can see a list items are no square.
Now let's try making this list multiplying.
So coming back to so locally let's say lowering x dollar or let's just copy paste it multiple times
similarly here.
Similarly here
but say as you can see now our list doesn't do lines let's reduce the word say with 500 pixels.
Let's say that now.
As you can see our list items are in multiple lines and these markers.
So this first second third etc. These are outside the list.
So what I mean is that the text has an indentation from second line onwards.
So the second line and third line has a bit of space in the starting.
So let's say we don't want that.
So we want to get rid of this indentation but in other words we want to get this markers inside the
list so for that we have another property called list style position.
So let's try that so let's stay in the position.
Let's say inside the table as you can see now our list items don't have any indication on these markers
are insane.
Let's writing in the type of markers say a book is Alpha a target.
So as you can see these markers there inside the list items now or in other words that indentation in
the second and third line is gone.
Now let's say you want to get rid of these markets we don't want these markets to show.
So for that we can do something like this.
So this type type.
So it accepts and other property got none.
So when you give none of these markers aren't visible anymore.
So let's say that as you can see the markers are gone from our unordered list.
So also if you notice our list has a defined left button.
So let's remove that as well say batting left on the now as you can see all the list default sites are
gone.
So we don't have a marker and we don't have the left batting.
That's all for today guys.
If there's something that Jim did not understand feel free to drop a comment and we will discuss it.
See you in the next video.
Bye Andy.
Get.