블로그 이미지
플로거
Android/J2EE/Web/Spring/Database

calendar

          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

Notice

Statistics Graph

'Programming/Html 5'에 해당되는 글 2

  1. 2017.08.16 ellipsis - CSS3 text-overflow Property
  2. 2010.12.26 실전 HTML 5 가이드 - Web Standards Korea
2017.08.16 11:24 Programming/Html 5

CSS3 text-overflow Property


Use of the text-overflow property:

div {
    text-overflow: ellipsis;
}

Definition and Usage

The text-overflow property specifies how overflowed content that is not displayed should be signaled to the user.

Default value:

clip

Inherited:

no

Animatable:

no. Read about animatable

Version:

CSS3le.textOverflow="ellipsis"

JavaScript syntax:

object.style.textOverflow="ellipsis"

CSS Syntax

text-overflow: clip|ellipsis|string|initial|inherit;

Property Values

Value

 Description

 clip

 Default value. Clips the text

 ellipsis

 Render an ellipsis ("...") to represent clipped text

 string

 Render the given string to represent clipped text

 initial

 Sets this property to its default value. 

 inherit

 Inherits this property from its parent element.


Example

<style> 

#div1 {

    white-space: nowrap; 

    width: 12em; 

    overflow: hidden;

    text-overflow: clip; 

    border: 1px solid #000000;

}


#div2 {

    white-space: nowrap; 

    width: 300px; 

    overflow: hidden;

    text-overflow: ellipsis;     

}

</style>


This document refers to W3Schools.com

저작자 표시 비영리 변경 금지
신고

'Programming > Html 5' 카테고리의 다른 글

ellipsis - CSS3 text-overflow Property  (0) 2017.08.16
실전 HTML 5 가이드 - Web Standards Korea  (0) 2010.12.26
posted by 훈즈 플로거
2010.12.26 10:31 Programming/Html 5

 

HTML 5 에 대한 Web Standards Korea 의 실전 가이드를 공유한다.


HTML 5 에 대한 전반적인 이해와 HTML 5를 활용한 웹프로그래밍에 도움이 될 수 있을 것이다.


첨부된 파일의 저작권은 Creative Commons 기반으로 하고 있으며, 


한국 웹 표준 커뮤니티의 윤석찬, 신현석, 정찬명, 경준호, 권정혁


html5-guide.pdf


웹 에서 보기


저작자 표시 비영리 변경 금지
신고

'Programming > Html 5' 카테고리의 다른 글

ellipsis - CSS3 text-overflow Property  (0) 2017.08.16
실전 HTML 5 가이드 - Web Standards Korea  (0) 2010.12.26
posted by 훈즈 플로거
prev 1 next