목록[3] Development/HTML5&CSS3 (11)

DBA

Web Site 화면에 폰트 적용 하기

1. 폰트 파일을 알맞은 경로에 넣어두고 프로젝트에 추가 한다. 2. 폰트 파일을 지정할 스타일시트(nanumSquareRound.css) 파일을 생성 한다. @font-face { font-family: 'NanumSquareRound'; src: url('fonts/NanumFontSetup_TTF_SQUARE_ROUND/NanumSquareRoundR.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NanumSquareRound'; src: url('fonts/NanumFontSetup_TTF_SQUARE_ROUNDNanumSquareRoundB.ttf') format('tru..
[3] Development/HTML5&CSS3 2024. 2. 22. 14:05
<div></div> 사이에 Text 넣기 - jquery

$("#div사용자명").html("이름: " + "코볼"); 이름: 코볼
[3] Development/HTML5&CSS3 2023. 3. 3. 11:13
css class 추가 / 삭제

아래 함수에 함축해 두었습니다. Script function MenuActivation(pViewName) { $("ul li a").removeClass("active"); $("#li" + pViewName).addClass("active") } MenuActivation("PageName1"); Html $("ul li a") : CSS 선택자 $("#liPageName1") : Tag ID
[3] Development/HTML5&CSS3 2023. 3. 3. 11:09
<span></span> 내용 변경

AA 정보 입력 jquery : $("#sDivision").text("BB정보 입력");
[3] Development/HTML5&CSS3 2022. 8. 26. 16:00
<textarea> 줄바꿈 포함 문자열 <div>에 보여줄 때

@{ string content = Model.content.Replace("\n", " "); } @*상단에 줄바꿈으로 치환해서 보여줌*@ @*@Html.Raw(content)*@ @*바로 줄바꿈으로 치환해서 보여줌*@ @Html.Raw(Model.content.Replace("\n", " ")) @*태그로 감싸서 보여줌*@ @*@Html.Raw("" + Model.content + "")*@ @*줄바꿈 없이 보여줌, 태그도 적용 안됨*@ @*@(Model.content)*@
[3] Development/HTML5&CSS3 2022. 4. 14. 09:34
<textarea> 줄바꿈이 있을때 DB에 저장했다가 꺼내서 다시 <textarea>에 넣을때 500 Error

C# ASP.net MVC 사용시 저장) 1. 변수에 담기 (View > Javascript Function) var jsMemo = $("#txtaMemo").val().replace(/\n/g, " "); 2. .ajax에서 넘길때 (View > Javascript Function) data: { targetID: jsTargetID, memo: encodeURI(jsMemo) }, 3. .cs단에서 DB에 저장할때 (Controller > Function) memo = memo == string.Empty ? null : memo; CHI.CHI_TargetMemo_U(targetID, HttpUtility.UrlDecode(memo)); 조회) 저장된 값을 Table Column에 보여 줄때 (V..
[3] Development/HTML5&CSS3 2021. 12. 21. 12:42
HTML Select Option Box 선택된 텍스트 가져오기

HTML Select Option Box 선택된 텍스트 가져오기 $("#ddlName option:selected").text();
[3] Development/HTML5&CSS3 2021. 9. 13. 15:06
DIV 꽉 채우고 개행 하기

white-Space 띄어쓰기나 줄바꿈, 탭으로 인한 공백 등의 공백문자를 처리하는 방법 설정. white-space:normal; white-space 기본값으로 연속 공백과 줄바꿈 등을 통합해서 표현 (보통 띄어쓰기와 줄바꿈을 몇번 하든지 결과는 띄어쓰기 한칸 인것처럼 적용) white-space:pre; normal과 반대로 원문 그대로 출력 white-space:nowrap; 공백은 nomal, 줄바꿈은 pre white-space:inherit; 부모요소의 값을 상속 word-break 텍스트가 들어가는 블록요소의 가로 사이즈에 맞춰 줄을 바꿈 강제줄바꿈 방지하고 텍스트 길이제한 word-break:normal; word-break의 기본값으로 단어 단위로 끊어서 줄바꿈 word-break:br..
[3] Development/HTML5&CSS3 2021. 7. 15. 09:56
Prev 1 2 Next