Re: CSS Outline

by **Admin** Sat Oct 14, 2017 1:32 pm

Athena wrote:Can a value like asterisk be appliead? i mean it can also be a design for outline right? but can it be read as value?

Accoring to my research, * (asterisk) is a CSS selector. The * selector selects all elements and can also select all elements inside another element.

by **Admin** Sat Oct 14, 2017 1:39 pm

JasonOmeter wrote:Good Afternoon M'am Kayla,
does the outline have a property of outline radius?

As far as I know outline don't have a radius property but I guess you should try the border-radius property. With the border-radius property, you can give any element "rounded corners".

by EzequielGo Sat Oct 14, 2017 2:01 pm

What is the difference between css outline and css border?

by SarahMae Sat Oct 14, 2017 2:12 pm

Since you knew about CSS. I have a question why is it the css text shadow property does not work on my web?

by **Admin** Sat Oct 14, 2017 2:31 pm

EzequielGo wrote:What is the difference between css outline and css border?

The CSS border properties allow you to specify the style and color of an element's border while an outline is a line that is drawn around elements (outside the borders) to make the element "stand out".

by **Admin** Sat Oct 14, 2017 2:33 pm

SarahMae wrote:Since you knew about CSS. I have a question why is it the css text shadow property does not work on my web?

What is your code in CSS text-shadow?

by joshuaB Sat Oct 14, 2017 3:00 pm

Difference between CSS outline and border. aside from CSs outline is drawn around outside the borders..

by **Admin** Sat Oct 14, 2017 4:10 pm

joshuaB wrote:Difference between CSS outline and border. aside from CSs outline is drawn around outside the borders..

In addition to some other answers... here are a few more differences I can think of:

First, border supports rounded corners with the border-radius property and outline doesn't
Second, border has properties to style each side with border-top:, border-left: etc. outline can't do this. There's no outline-top: etc.
Lastly, outline supports offset with the property outline-offset while border doesn't.

I hope this can help's you Smile

by SarahMae Sat Oct 14, 2017 4:18 pm

Admin wrote:
SarahMae wrote:Since you knew about CSS. I have a question why is it the css text shadow property does not work on my web?

What is your code in CSS text-shadow?

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 3px 2px lightgreen;
}
</style>
</head>
<body>

<h1>Sarah Mae</h1>

</body>
</html>

by EzequielGo Sat Oct 14, 2017 4:43 pm

SarahMae wrote:
Admin wrote:
SarahMae wrote:Since you knew about CSS. I have a question why is it the css text shadow property does not work on my web?

What is your code in CSS text-shadow?

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 3px 2px lightgreen;
}
</style>
</head>
<body>

<h1>Sarah Mae</h1>

</body>
</html>

I have try your code it is working on my web.

by Rtagudin Sat Oct 14, 2017 6:04 pm

What is the essence of using css outline?

by Clyntt Sat Oct 14, 2017 7:29 pm

SarahMae wrote:
Admin wrote:
SarahMae wrote:Since you knew about CSS. I have a question why is it the css text shadow property does not work on my web?

What is your code in CSS text-shadow?

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 3px 2px lightgreen;
}
</style>
</head>
<body>

<h1>Sarah Mae</h1>

</body>
</html>

Note: Internet Explorer 9 and earlier do not support the text-shadow property. According to my research. Check first what is the version of your Internet Explorer.

by Clyntt Sat Oct 14, 2017 7:41 pm

Rtagudin wrote:What is the essence of using css outline?

An outline is a line that is drawn around elements outside the borders. Therefore to make the element stand out we should use the CSS outline property.

by SarahMae Sat Oct 14, 2017 7:49 pm

Clyntt wrote:
SarahMae wrote:
Admin wrote:
SarahMae wrote:Since you knew about CSS. I have a question why is it the css text shadow property does not work on my web?

What is your code in CSS text-shadow?

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 3px 2px lightgreen;
}
</style>
</head>
<body>

<h1>Sarah Mae</h1>

</body>
</html>

Note: Internet Explorer 9 and earlier do not support the text-shadow property. According to my research. Check first what is the version of your Internet Explorer.

OMG!

You're right Clyntt. My Internet Explorer is 8. Hmmm.

by SarahMae Sat Oct 14, 2017 7:50 pm

EzequielGo wrote:
SarahMae wrote:
Admin wrote:
SarahMae wrote:Since you knew about CSS. I have a question why is it the css text shadow property does not work on my web?

What is your code in CSS text-shadow?

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 3px 2px lightgreen;
}
</style>
</head>
<body>

<h1>Sarah Mae</h1>

</body>
</html>

I have try your code it is working on my web.

Wow. This is so cute. Rolling Eyes

Can i have a copy of this pic?

by Sponsored content