Recent Posts CSS / Reference / list-style-position list-style-position으로 ul, ol 등의 목록의 마커(marker)의 위치를 정합니다. 기본값 : outside 상속 : Yes 애니메이션 : No 버전 : CSS Level 1 CSS / Tutorial / 세로 가운데 정렬하는 방법 CSS에서 텍스트의 가로 가운데 정렬은 text-align 속성을 이용합니다. 요소의 가로 가운데 정렬은 margin 속성을 이용합니다. 세로 정렬을 가운데로 하려면 어떻게 해야 할까요? 네 가지 방법을 소개합니다. CSS / Tutorial / ul, ol 가운데 정렬하는 방법 목록 자체가 아니라 목록 안의 내용만 가운데 정렬할 때는 text-align 속성을 사용합니다. 목록 요소 자체를 가운데 정렬할 때는 margin 속성을 사용합니다. 만약 요소의 내용에 맞게 자동으로 크기가 정해지게 하고 싶으면 display 속성을 사용합니다. CSS / Reference / border border는 다음의 속성을 포함하는 단축 속성으로, 테두리를 만듭니다. border-width border-style border-color PHP / Tutorial / 연산자 / 비교 연산자 PHP의 비교 연산자는 두 값을 비교하여 조건의 참(TRUE) 또는 거짓(FALSE)을 반환할 때 사용합니다. PHP / Reference / stripslashes() stripslashes() 함수는 백슬래시를 제거할 때 사용됩니다. 주로 데이터베이스에서 가져온 데이터나 이스케이프 처리된 문자열을 원래 상태로 복원할 때 사용됩니다. PHP 4 이상에서 사용할 수 있습니다. PHP / Reference / addslashes() addslashes() 함수는 PHP에서 문자열에 특수 문자를 이스케이프 처리할 때 사용됩니다. 이 함수는 데이터베이스 쿼리에 사용될 때 SQL 인젝션 공격을 방지하는 데 도움이 됩니다. CSS / Tutorial / 안쪽 여백(padding)과 바깥 여백(margin) 여백에는 안쪽 여백과 바깥 여백이 있습니다. 안쪽 여백은 padding 속성으로, 바깥 여백은 margin 속성으로 정합니다. 여백을 정하면 요소의 크기가 바뀔 수 있습니다. 어떤 기준으로 크기를 정할 지는 box-sizing 속성으로 정합니다. CSS / Reference / list-style-image list-style-image로 이미지를 ul, ol 등의 목록의 마커(marker)로 사용할 수 있습니다. 기본값 : none 상속 : Yes 애니메이션 : No 버전 : CSS Level 1 CSS / Tutorial / 마우스 호버 효과 / 다른 이미지 보여주는 방법 이미지에 마우스를 올렸을 때 다른 이미지가 나타나는 효과를 CSS로 만들어보겠습니다. 다음과 같이 이미지 두 개를 넣고 div로 감쌉니다.
