wiki:css:css_note:css_calc_function

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:css:css_note:css_calc_function [2021/04/07 14:18]
emblim98 만듦
+++ wiki:css:css_note:css_calc_function [2023/01/13 18:44] (현재)
@@ 줄 9: / 줄 9: @@
 \\
 ====Ref====
-[[https://www.w3schools.com/cssref/sel_active.asp|CSS :active Selector]]\\
+[[https://www.w3schools.com/cssref/func_calc.asp|CSS calc() Function]]\\
+====예제====
+%%calc()%%를 사용하여 %%<div>%% 요소의 너비를 계산합니다.\\
+<code javascript>
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        #div1 {
+            position: absolute;
+            left: 50px;
+            width: calc(100% - 100px);
+            border: 1px solid #000;
+            background-color: yellow;
+            padding: 5px;
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <h1>The calc() Function</h1>
+    <p>Create a div that stretches across the window, with a 50px gap between both sides od the div and the edges of the window:</p>
+    <div id="div1">Some Text...</div>
+</body>
+</html>
+</code>
+=====Definition and Usage=====
+%%calc()%% 함수는 속성 값으로 사용할 계산을 수행합니다.\\
+=====CSS Syntax=====
+<code javascript>
+calc(expression)
+</code>
 \\
+| Value       | Description                                                                                |
+^ expression  ^ 필수이며, 수학적 표현식입니다. 결과는 값으로 사용되며, 연산자 ( + - * / )를 사용할 수 있습니다.  ^
+\\
+\\

/volume1/web/dokuwiki/data/attic/wiki/css/css_note/css_calc_function.1617772708.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)