yoonhyerin's public fiddles
-
180806 list-style
No-Library (pure JS), HTML, CSS, JavaScript
-
180806 <ul><li>
<ul type=""> <li type=""></li> </ul> ul๋ด์ type:ahrfhr qmffkt
-
180806 box-shadow
box-shadow:none;(๊ธฐ๋ณธ๊ฐ) box-shadow:์ํ ์์ง ๋ธ๋ฌ ์์; box-shadow:์ํ ์์ง ๋ธ๋ฌ ๋ฒ์ง ์์;
-
180806 box-sizing
box-sizing:content-box;(๊ธฐ๋ณธ๊ฐ) box-sizing:border-box;
-
180806 border-radius
border-radius:10px; border-radius:5%; 50px/25px ์ํ/์์ง
-
border-color
border-color:์์;
-
border-style
border-width:medium(๊ธฐ๋ณธ๊ฐ)
-
border-width
border-width:medium(๊ธฐ๋ณธ๊ฐ)
-
180806 border
border:์ซ์px ์คํ์ผ ์์; (solid ์ค์ , dotted ์ ์ ) border: border-width -medium; border-style none; border-color black; ์์๊ฐ ์ถ์ฝํ ์์ฑ์ด๊ณ ๊ฐ์ ์ค์ ํ์ง ์์๋ ๊ธฐ๋ณธ๊ฐ์ผ๋ก ๋์ด. style์ด ๊ธฐ๋ณธ๊ฐ์ด none์ด๊ธฐ ๋๋ฌธ์ ๊ผญ ๋ค๋ฅธ ๊ฐ์ ๋ฃ์ด์ค์ฌ์ผ๋ง ์ ์ด ๋ณด์
-
180806 padding
padding:px (์ํ์ข์ฐ๋ฅผ ๋์ผํ ๊ฐ์ผ๋ก ์ค์ )
-
180806 margin
margin:px (์ํ์ข์ฐ๋ฅผ ๋์ผํ ๊ฐ์ผ๋ก ์ค์ ) margin:px px (์ฐจ๋ก๋๋ก ์ํ.์ข์ฐ ๊ฐ์ค์ ) margin:px px px (์,์ข์ฐ,ํ ์) margin:px px px px (์,์ฐ,ํ.์ข)
-
180803 background-position
:0% 0%(๊ธฐ๋ณธ๊ฐ) :left top; :10px 20px; :50% 100px;
-
180803 ๋ฐฐ๊ฒฝ์ผ๋ก ๊ธฐ๋ณธ ์ ํ ๊ทธ๋ผ์ด๋ํธ ์ค์ ์์
2)์์ ์์น ๋น์จ์ ์ ์ํ ์ ํ ๊ทธ๋ผ์ด์ธํธ ์์ 3)๋ฐฐ๊ฒฝ์ผ๋ก ๊ฐ๋๊ฐ ์ ์ฉ๋ ์ ํ ๊ทธ๋ผ๋์ธํธ ์ค์ ์์ 4)๋ฐฐ๊ฒฝ์ผ๋ก๋ฐฉ๋ฐฉํฅ ํฅ์ด ์ ์ฉ๋ ์ ํ๋ ๊ทธ๋ผ์ด์ธํธ 5) ๋ฐฐ๊ฒฝ์ผ๋ก ์์ ๊ฐ๊ฒฉ์ด ๊ท ์ผํ ์ํ ๊ทธ๋ผ๋์ธํธ ์์
-
180803 ๋ฐฐ๊ฒฝ์ผ๋ก ์ํ ๊ทธ๋ผ๋์ธํธ
1)๋ฐฐ๊ฒฝ์ผ๋ก ์์ ๊ฐ๊ฒฉ์ด ๊ท ์ผํ ์ํ ๊ทธ๋ผ๋์ธํธ ์์ 2)๋ฐฐ๊ฒฝ์ผ๋ก ์์ ๊ฐ๊ฒฉ์ด ๋ค๋ฅธ ์ํ ๊ทธ๋ผ๋์ธํธ ์์ 3)๋ฐฐ๊ฒฝ์ผ๋ก shape๋ชจ์์ ๋ฐ๋ฅธ ์ํฅ ๊ทธ๋ผ๋์ธํธ์์
-
p4fgertc
No-Library (pure JS), HTML, CSS, JavaScript
-
180803 background-attachment
:scroll(๊ธฐ๋ณธ๊ฐ) :fixed;
-
180803 background-position
:0% 0%(๊ธฐ๋ณธ๊ฐ) :left top; :10px 20px; :50% 100px;
-
180803_1 css์ถ๊ฐ
No-Library (pure JS), HTML, CSS, JavaScript
-
background-color
:transparent (๊ธฐ๋ณธ๊ฐ) :#16์ง์ ์์ ์ฝ๋ :์์ ๋ช :rgb(RGB); :rgba(R.G.B.Alpha);
-
180803 overflow
overflow:visible ;(๊ธฐ๋ณธ๊ฐ) overflow:hidden; (์จ๊น) overflow:scroll; (์คํฌ๋กค) overflow:auto(๋ด์ฉ์ ๋ฐ๋ผ ์๋ ์ฒ๋ฆฌ)