-
React Native 2023‧01‧05
react native - Text 컴포넌트에한 줄 내림 처리 (html의 br 태그 같은 처리)
이렇게 {"\n"} 을 넣으면 한 줄이 내려간다.
-
Html, CSS 2018‧09‧27
텍스트 세로 방향으로 타이핑
글자가 입력된 문장 자체를 90도 돌린 듯 한 표현으로 타이핑 되게 하려면 아래처럼 작성한다. (단, 한글은 제외된다. 한글일 경우에는 적용되지 않고 세로로만 타이핑 된다.) writing-mode: vertical-rl; text-orientation: mixed; 그러면 이렇게 노출된다. 한 줄 내리면 이렇게 나온다. English text 글자들을 각도 조절되지 않고 세로로 타이핑 되게 하려면 아래처럼 작성한다. writing-mode: vertical-rl; text-orientation: upright; 그러면 이렇게 노출된다. […]
-
Android 2017‧11‧29
입력폼 Edit Text에 수정 안되게 하기
안드로이드 만들 때 텍스트 입력 폼을 <Edit Text/>를 이용해서 만든다. 그런데 가끔 readonly, 즉 수정 불가의 입력칸을 만들고 그 곳에 어플에서 만들어진 값을 노출하고 싶을 때가 있다. res > layout > 해당.xml 파일을 열어서 Edit Text에 android:focusableInTouchMode="false" 를 추가해 준다. 아래는 예제이다. <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/deviceip" android:textSize="16dp" android:textStyle="bold" android:focusableInTouchMode="false"/>
-
Html, CSS 2016‧10‧17
css - div에 글자 입력 받고 placeholder 넣기
<div contenteditable="true" placeholder="여기에 글자를 입력해주세요."></div> 위 처럼 html을 작성한 후 아래처럼 css를 작성한다. [contenteditable=true]:empty:before{ content: attr(placeholder); display: block; /* For Firefox */ } div[contenteditable=true] { border: 1px solid #ddd; color : #333; font-size: 12px; width: 300px; padding: 5px; } 아래는 샘플
-
Html, CSS 2014‧06‧11
css - 텍스트에 그림자와 그라데이션 함께 넣는 코딩
코드 미리 보기 : http://jsfiddle.net/2GgqR/2/ 텍스트에 그림자 효과와 그라데이션 효과를 함께 넣고 싶을 때가 있다.물론 정식으로 코드를 제공하진 않지만 많은 사용자들이 이 효과를 위해 여러가지 방법을 동원한다.그 중에서 가장 효율적인 방법은 아래와 같다. h1 { font-size: 72px; background-image: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:relative; } h1:after { background: none; content: attr(data-text); left: 0; position: absolute; […]
-
Html, CSS 2012‧07‧04
텍스트 정렬 및 스타일 정리
css에서 글자를 중앙 혹은 좌우 정렬하기 위한 코드이다. style="text-align:center;" 링크가 걸린 글자에 마우스를 올렸을 때 밑줄(underline)도 나오고 색깔(#FF00F6)도 변하게 해주는 css a:hover {text-decoration:underline; color:#FF00F6; } a:link 링크걸린 것 a:visited 링크 방문한 것 a:hover 링크가 있는 것 a:active 링크가 활성화 된 것